jqPlot为x轴设置了很多标签

时间:2013-02-04 07:23:03

标签: jquery jqplot

我从使用jqPlot开始,我不理解某些轴的选项(例如numberTicks)。我有很多值(大约1000)这个规则['时间',值]。但是,如果我将所有这些值都放到绘图中,我也会看到所有x轴标签(时间标签)和1000个值,这有点乱。那么我可以设置一些想法:在步骤中仅显示标签。 并且numberTicks对我不起作用,如果我有1000个值(所以1000个标签)并且我设置numberTicks:100。我只能看到FIRST 100个标签。我认为numberTicks表示范围内的刻度数(第一个x轴值,最后一个x轴值)。

And here is a picture for clearing

2 个答案:

答案 0 :(得分:2)

尝试这样的事情:

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
    }
  }
 });
});

答案 1 :(得分:0)

这就是我要找的,谢谢。但我需要这个时间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个温度值。

相关问题