primefaces barChart costum x轴
primefaces barChart costum x轴
提问于 2012-11-25 03:14:05
我的应用程序中有一个类似于showCase：http://www.primefaces.org/showcase/ui/barChart.jsf上的第二个条形图的p:barchart
<p:barChart id="horizontal" value="#{chartBean.categoryModel}" legendPosition="se" style="height:300px"
title="Horizontal Bar Chart" orientation="horizontal" min="0" max="200"/>如何自定义X轴上的数字。我想将x轴的格式设置为仅使用整数。
提前谢谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-11-25 18:12:55
试用此(未测试)
<p:barChart extender="ext" id="horizontal" value="#{chartBean.categoryModel}" legendPosition="se" style="height:300px"
title="Horizontal Bar Chart" orientation="horizontal"/>在您的js中添加以下内容
function ext() {
this.cfg.seriesDefaults = {
useSeriesColor: true,
min: 0,
max: 200,
tickInterval: 20,
tickOptions: {
formatString: '%d'
}
};
}或仅此x轴：
function ext() {
this.cfg.axes = {
xaxis:
{
tickInterval: 20,
tickOptions: {
formatString: '%d'
}
}
};
}你可以试试玩tickInterval..。
直接从PrimeFaces Userguide
扩展器
图表提供了对常用jqplot选项的高级访问，但是jqplot中还提供了更多的自定义选项。扩展器特性提供了对底层apis的访问，通过增强this.cfg对象进行高级定制，这里是一个增加线列阴影深度的例子；
<p:lineChart value="#{bean.model}" extender="ext" />
function ext() {
//this = chart widget instance
//this.cfg = options
this.cfg.seriesDefaults = {
shadowDepth: 5
};
}有关可用选项的文档，请参阅jqPlot文档；http://www.jqplot.com/docs/files/jqPlotOptions-txt.html转换器
Stack Overflow用户
发布于 2013-01-24 06:56:22
您的扩展函数可能如下所示
function customExtender() {
this.cfg.axes.xaxis.tickOptions = {
formatString : '%d'
};
this.cfg.axes.xaxis.tickInterval = 1;
}我也有同样的问题，这很有效，我基于Daniel的答案和其他一些代码。这样，它只格式化所需的轴，而不是两者都格式化。
Stack Overflow用户
发布于 2013-04-17 20:03:09
在您的js中添加以下内容
function ext() {
this.cfg.axes.xaxis.tickOptions.formatString = '%d';
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13544626
复制相关文章
相似问题
腾讯云开发者
