jqPlot 每小时图答案

【问题标题】：jqPlot hourly graphjqPlot 每小时图
【发布时间】：2012-06-04 16:59:50
【问题描述】：

我想要类似这样的 jqPlot，http://www.jqplot.com/deploy/dist/examples/date-axes.html

但是我想每小时进行一次。我有 2 周的数据希望每小时显示一次，并且希望 x 轴显示如下：

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

有没有办法做到这一点？

对示例进行简单修改的问题是 x 轴标签变得不可读，即使使用少量数据也是如此。

天真的修改代码：

$(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 格式字符串，但我找不到相关文档。

【问题讨论】：

标签： jquery graph jqplot

【解决方案1】：

我强烈建议为了提高图表的可读性to rotate your ticks example here.

你可以在docs under DateAxisRenderer plugin here.找到所有你能做的打勾格式

【讨论】：