如何在primefaces 3.4中自动缩放线条图的X轴

如何在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"> <

在我的折线图(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">
 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>