Primefaces图表x轴 [英] primefaces chart x axis

问题描述

您可以从此网站中看到问题.

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

Here is the code of my index.html file:

<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.但这似乎没有什么区别.我该如何解决?

I create a chart in primefaces java. xAxis overlaps. I use xaxisAngle. But it seems it makes no difference. How do I fix it?

我想要垂直的xAxis标签.我该怎么办?

I want vertical xAxis labels. What should I do?

推荐答案

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

The duplicate refers to it doing in the model. You can however also do it in javascript but you need to use the extender functionality. An example of how to use this in this case is

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

这篇关于Primefaces图表x轴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！