如何在primefaces 3.4中自动缩放线条图的X轴
在我的折线图(primefaces 3.4)中,xaxis有许多日期时间标签,并且重叠,有没有办法防止xaxis重叠? 在线形图中使用extender属性(使用jqplot函数)时,我可以将AutoSCALE应用于轴,但将替换1..n中的int值标签,而不是日期时间标签!。 以下是我的示例代码: xhtml代码如何在primefaces 3.4中自动缩放线条图的X轴,primefaces,jqplot,overlap,linechart,Primefaces,Jqplot,Overlap,Linechart,在我的折线图(primefaces 3.4)中,xaxis有许多日期时间标签,并且重叠,有没有办法防止xaxis重叠? 在线形图中使用extender属性(使用jqplot函数)时,我可以将AutoSCALE应用于轴,但将替换1..n中的int值标签,而不是日期时间标签!。 以下是我的示例代码: xhtml代码 <script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.min.js"> <
<script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.min.js">
<script type="text/javascript">
function setScale() {
this.cfg.axes ={
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
autoscale : true,
}
}
</script>
<p:lineChart value="#{chartBean.chartModel}" extender="setSacle" xaxisAngle="-30" />
函数setScale(){
this.cfg.axes={
xaxis:{
渲染器:$.jqplot.DateAxisRenderer,
自动缩放:对,
}
}
我想你应该使用画布
包括jqplot.canvas.min.js
而不是定义
xaxis:{
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
tickOptions: {
angle: -30
}
}
请看jqPlot示例:
以及类似的问题
以第二个例子中的厕所为例 它将
DateAxisRenderer
与autoscale:true
xaxis: {
autoscale: true,
renderer: $.jqplot.DateAxisRenderer,
label: 'Incliment Occurrance',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
tickOptions: {
angle: 15
}
如果有这么多数据点,使用缩放效果如何:
cursor: {
show: true,
showTooltip: false,
zoom: true,
constrainZoomTo: 'x'},
及
因为标签的数量太多,标签旋转不能解决这个问题,应该在不将日期时间值更改为xaxis中的int值的情况下在视图中对它们进行排序。感谢uI发布了另一个代码片段。它使用DateAxisRenderer
和自动缩放
…看看它……这是本pa的第二个示例ge在我的代码中,我使用了DateAxisRenderer
和autoscale:true
但它不起作用,我不知道它在primeFaces中是否有bug?!!!tnx Daniel:)不知道,但尝试添加其他设置,例如labelRenderer:$.jqplot.CanvasAxisLabelRenderer,tickRenderer:$.jqplot.CanvasAxisTickRenderer,
<script language="javascript" type="text/javascript" src="jquery/jqplot/plugins/jqplot.cursor.min.js"></script>