如何在素数 3.4 中自动缩放折线图的轴

Question

在我的折线图（素数3.4）中，xaxis有很多dateTime标签并且它重叠，有什么方法可以防止xaxis重叠吗？当在lineChart中我使用扩展器属性（带有jqplot函数）时，我可以将自动应用于轴，但是1..n中的整数值标签将被替换而不是日期时间标签！这是我的示例代码：

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" />                               

Answer 1

我想你想用CanvasAxisTickRenderer

包括jqplot.canvasAxisTickRenderer.min.js

并定义

xaxis:{
    tickRenderer: $.jqplot.CanvasAxisTickRenderer,
    tickOptions: {
       angle: -30
    }
 }     

看看 jqPlot 示例 ： 旋转轴刻度标签 | jqPlot

和类似的问题 jqPlot - x 轴角度的多线刻度

---

以轴标签和旋转文本的第二个示例为例它将DateAxisRenderer与autoscale: true

一起使用

xaxis: {
      autoscale: true,
      renderer: $.jqplot.DateAxisRenderer,
      label: 'Incliment Occurrance',
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
      tickRenderer: $.jqplot.CanvasAxisTickRenderer,
      tickOptions: {
           angle: 15
      }

Answer 2

如果您有这么多数据点，如何使用缩放：

cursor: {
                    show: true,
                    showTooltip: false,
                    zoom: true,
                    constrainZoomTo: 'x'},

和

<script language="javascript" type="text/javascript" src="jquery/jqplot/plugins/jqplot.cursor.min.js"></script>