曲面图x轴[重复]

Question

此问题已经在这里有了答案：

Primefaces 5 Rotated Axis Tick Labels（1个答案）

关闭4年前。

您可以从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");