2012-06-04 34 views
1

我想jqPlot與此類似,http://www.jqplot.com/deploy/dist/examples/date-axes.htmljqPlot小時圖

但是我想每小時做到這一點。我已經用了2的周進行數據的,我想每小時顯示,想在x軸上像這樣有所顯示:

8am 9am 10am ... 11pm 12am 1am 2am 3am ... 
|----June 1, 2012----| |----June 2, 2012----| 

有沒有辦法做到這一點?

對示例進行無意修改的問題是,即使使用少量數據,x軸標籤也變得不可讀。

Axis Overwrite

的代碼修改天真:

$(document).ready(function(){ 
    var line1=[... data snipped...]; 
    var plot2 = $.jqplot('chart2', [line1], { 
     title:'Customized Date Axis', 
     axes:{ 
     xaxis:{ 
      renderer:$.jqplot.DateAxisRenderer, 
      tickOptions:{formatString:'%b %#d, %#I %p'}, 
      min:'June 1, 2012 8:00AM', 
      tickInterval:'1 hour' 
     } 
     }, 
     series:[{lineWidth:4, markerOptions:{style:'square'}}] 
    }); 
});​ 

見的jsfiddle對這一問題的實時編輯。 http://jsfiddle.net/AqFTV/

我知道我可以更改tickOptions formatstring,但我無法找到相關文檔。

回答