1

我想要与此类似的 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 格式字符串，但我找不到相关文档。

4

1 回答 1

1

我强烈建议为了提高图表的可读性，在此处旋转您的刻度示例。

当它去勾选格式时，您可以在此处的 DateAxisRenderer 插件下的文档中找到。

于 2012-06-05T13:45:19.880 回答