Highcharts x轴日期全范围，即使没有足够的数据

Highcharts x axis date full range even if there is not enough data

本文关键字：数据 日期 全范围 Highcharts      更新时间：2023-09-26

我有一个带有数据的highcharts线图。我想在x轴上显示带有datetime的数据。这工作得很好，我唯一的问题是x轴似乎总是结束在我的数据的末尾。

我想以月为单位显示全年，即使只有3个月可用。

是否有办法"强制"x轴这样做?

你不需要传递任何空值-你所要做的就是设置轴的最小值和最大值。

这样，无论你发送什么数据，完整的时间跨度将被显示。

  • http://api.highcharts.com/highcharts xAxis.min
  • http://api.highcharts.com/highcharts xAxis.max

for example:

  • http://jsfiddle.net/jlbriggs/LeXmz/

Highcharts将只显示指定的最后一个数据点。如果你想强制它显示全年，你必须传递给它所有你想要显示的时间的数据点，但对于值传递null。

series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6,
               null, null, null, null, null, null, null, null, null, 
               null, null, null, null, null, null, null, null],
        pointStart: Date.UTC(2010, 0, 1),
        pointInterval: 1 * 3600 * 1000 * 24 // one hour
    }]

小提琴示例

相关文章：