Highcharts使用月度时间序列设置奇怪的列间距

Question

我正在尝试构建一个显示月度数据的highcharts柱形图。这就是我得到的（注意列之间的不规则分离）：

这就是我构建图表的方式：http://jsfiddle.net/Lae2zg11/2/

我认为时区戳时区可能存在问题（1451602800000，例如，GMT为31/12/2015 23:00:00，但我的时区为01/01/2016 00:00:00，这就是我需要的日期时间。

所以我更新了图表数据以将我的日期时间“翻译”为GMT，但我得到的结果几乎相同：

相关的小提琴：http://jsfiddle.net/Lae2zg11/3/

显然它与datetime格式本身无关。如何获得均匀分隔的列和宽度相同的列？

Answer 1

如果您愿意切换到Highstock，可以使用他们的ordinal功能：

  

在序数轴中，无论实际时间或它们之间的x距离如何，这些点在图表中都是等距的。

您必须使用Highstock脚本：

<script src="http://code.highcharts.com/stock/highstock.js"></script>

然后使用序数x轴创建标准图表（Highcharts样式）：

$('#container').highcharts('Chart', {
    xAxis: {
        ordinal: true,
        // ...
    },
    // ...
});

通过这些修改，请参见图表的this JSFiddle demonstration。