primefaces图表x轴[重复]答案

【问题标题】：primefaces chart x axis [duplicate]primefaces图表x轴[重复]
【发布时间】：2015-08-11 08:15:27
【问题描述】：

你可以从this site看到问题。

这是我的 index.html 文件的代码：

<h:head></h:head>     
   <h:form>
      <p:outputLabel value="Primefaces Tutorial"></p:outputLabel>
      <p:chart type="bar" model="#{viewEmployeesManagedBean.barModel}" style="height:500px"  xaxisAngle="90" />
   </h:form>
</html>

我在 primefaces java 中创建了一个图表。 xAxis 重叠。我使用xaxisAngle。但是好像没什么区别。我该如何解决？

我想要垂直的xAxis 标签。我该怎么办？

【问题讨论】：

您在 PrimeFaces 文档的哪个位置看到提到了 xaxisAngle 属性？您需要在模型中通过在轴上指定它或通过扩展器功能来执行此操作。请参阅 dateAxis 的 PF 文档作为示例，或在 showcase
只是一个提示：你缺少标签。

标签： jsf primefaces highcharts

【解决方案1】：

重复是指它在模型中做的事情。但是，您也可以在 javascript 中执行此操作，但您需要使用扩展器功能。在这种情况下如何使用它的一个例子是

JavaScript：

function customExtender() {
	this.cfg.axes = {
		xaxis : {
			renderer : $.jqplot.DateAxisRenderer,
			rendererOptions : {
				tickRenderer : $.jqplot.CanvasAxisTickRenderer
			},
			tickOptions : {
				formatString : '%b %#d, %H:%M:%S',
				angle : 60
			}
		},
		yaxis : {
			rendererOptions : {
				tickRenderer : $.jqplot.CanvasAxisTickRenderer
			},
			tickOptions : {
				fontSize : '10pt',
				fontFamily : 'Tahoma',
				angle : 30
			}

		}

	};
}

ManagedBean

barModel.setExtender("customExtender");

【讨论】：