primefaces bar 图表自定义 x 轴

我的应用程序中有 p:barchart 图，类似于展示案例中的第二个条形图：http://www.primefaces.org/showcase/ui/barChart.jsf http://www.primefaces.org/showcase/ui/barChart.jsf

<p:barChart id="horizontal" value="#{chartBean.categoryModel}" legendPosition="se" style="height:300px"  
            title="Horizontal Bar Chart" orientation="horizontal" min="0" max="200"/>

如何自定义 X 轴上的数字。我想将 x 轴格式化为仅使用整数。

提前致谢。

尝试这个（未测试）:

<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 用户指南 http://primefaces.org/documentation.html

Extender

图表提供了对常用 jqplot 选项的高级访问，但是还有更多 jqplot 中提供的自定义选项。扩展器功能提供对低级 API 的访问 通过增强 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 http://www.jqplot.com/docs/files/jqPlotOptions-txt.html转换器