Primefaces BarChart XAXIS 刻度标签在旋转后更改答案

【问题标题】：Primefaces BarChart XAXIS Tick Labels Changed After RotationPrimefaces BarChart XAXIS 刻度标签在旋转后更改
【发布时间】：2013-02-04 12:51:55
【问题描述】：

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

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

旋转后的标签

旋转前的标签

请帮忙... 谢谢。

【问题讨论】：

标签： jsf-2 primefaces rotation jqplot bar-chart

【解决方案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 Rotated Axis Tick Labels

【讨论】：