jquery - jq为x轴绘制这么多标签

Question

我从使用 jqPlot 开始，但我不了解轴的某些选项（例如 numberTicks）。这条规则 ['time', value] 有很多值（大约 1000 个）。但是，如果我将所有这些值都放到图中，我还会看到所有 x 轴标签（时间标签），并且有 1000 个值，这有点混乱。那么我可以设置一些方法吗：只显示步骤中的标签。如果我有 1000 个值（所以 1000 个标签）并且我设置了 numberTicks：100，那么 numberTicks 对我不起作用。我只能看到 FIRST 100 个标签。我认为 numberTicks 表示范围内的刻度数（第一个 x 轴值，最后一个 x 轴值）。

Answer 1

尝试这样的事情：

http://jsfiddle.net/pabloker/GsDMW/2/

$(document).ready(function(){
 var points = []; 
 for (var i=0; i<1000; i+=1){ 
 points.push([i, 1 + Math.floor(Math.random() * 60)]); 
 } 
 var plot1 = $.jqplot('chart1', [points], {  
  series:[{showMarker:false}],
  axes:{
    xaxis:{
        max: 1000,
        min: 0,
        numberTicks: 10
    }
  }
 });
});

Answer 2

这就是我要找的，谢谢。但我需要这个时间x轴。所以经过一番测试，我终于找到了解决方案：

  var line1 = [['00:00:06',18.64],['00:01:06',18.73], ..... ];
  var plot1 = $.jqplot('chart1', [line1], {    
  title:'Living room - temperature',    
      axes: {      
        xaxis: {       
          renderer:$.jqplot.DateAxisRenderer,       
          tickOptions: {          
            formatString: '%H:%M:%S'
          },
          min: '00:00:01',
          max: '24:00:00',
          numberTicks: 25  
        }   
      } 
  });

现在，当滴答声每隔一小时时，我的绘图中有超过 1000 个温度值。