2012-07-23 97 views
1

我有一个问题,使用折线图获取x轴上的计算标签以正确的空格。如果我想有5个数据点,并且有少数缺失(例如[1,50.1],[2,49.2],[5,20.4],[6,17],[7,23.3]),则x轴将显示1然后是2然后是3和4应该是5,6和7的空间。我想要的是在第二个数据点旁边有第5个数据点(在第3个数据点最理想的位置)。基本上我试图隐藏一个数据点,但保持网格中的X轴值。Jq-图的x轴间距

任何援助非常感谢。

回答

0

试试这个:

<script type="text/javascript"> 
$(document).ready(function() { 
    var plot2 = $.jqplot('chart2', [[[1,50],[2,49],[5,20],[6,17],[7,23]]], { 
     title: 'Plot', 
     axesDefaults: { 
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer 
     }, 
     axes: { 
      xaxis: { 
       label: "X Axis", 
       pad: 0, 
       ticks:[1,2,5,6,7] //you can create this dynamically 
      }, 
      yaxis: { 
       label: "Y Axis" 
      } 
     } 
    }); 
}); 

UPDATE:

<script type="text/javascript"> 
$(document).ready(function() { 
    var producciones = []; 
    for (var i = 0; i < 2000; i++) { producciones.push(new Number(i),new Number(i)) } 
    var plot2 = $.jqplot('chart2', [producciones], { 
     title: 'Plot', 
     axesDefaults: { 
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer 
     }, 
     axes: { 
      xaxis: { 
       label: "X Axis", 
       pad: 0, 
       numberTicks: 100 
      }, 
      yaxis: { 
       label: "Y Axis" 
      } 
     } 
    }); 
}); 

+0

我现在的工作。我必须让Ticks成为一个二维数组,例如[[0,1],[1,2],[2,5],[3,6],[4,7]]并且它工作正常。谢谢您的意见。 – Marc 2012-07-23 17:43:26

+0

这适用于小型数据集,但对于大型数据集,x轴不可读。有没有一种方法来定义很多滴答(例如2,000),但使用autoScale或类似的功能?我试图设置NumberTicks和TickInterval,他们似乎没有按预期工作。 – Marc 2012-07-23 20:24:17

+0

我添加了一个新的例子。也许它可以帮助你。我用2000点创建了一个图形,并且x轴是可读的。 – 2012-07-24 12:41:20