primafaces chart x axis

Question

您可以从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标签。我该怎么办？

Answer 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");