jsf-2 - Primefaces BarChart XAXIS 刻度标签在旋转后更改

Question

我正在使用 primefaces 3.5RC1 并想旋转条形图的刻度标签。我编写了下面的代码，并旋转刻度标签。但是，刻度标签变成了数字。刻度标签应该是像“No Family”或任何其他类似的字符串名称。我该如何解决这个问题？

function barChartExtender(){
      this.cfg.axes= {
                   xaxis: {
                             tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                             tickOptions: {
                                       angle: 60
                                  }
                          }
                   };
}

旋转后的标签

旋转前的标签

请帮助...谢谢。

Answer 1

您不需要设置 tickRenderer: $.jqplot.CanvasAxisTickRenderer或任何扩展器进行旋转。

对于 5.0 之前的 PrimeFaces 版本，请在组件上使用xaxisAngle属性，例如；

xaxisAngle="-50"像：

<p:barChart id="basic" value="#{chartBean.categoryModel}" xaxisAngle="60" 
      title="Basic Bar Chart" min="0" max="200" style="height:300px"/>  

对于较新的版本，请参阅：

• Primefaces 5 旋转轴刻度标签