javascript - Highcharts X轴对齐

Question

存在对齐问题，如下图所示：

在图表中，“10 月 3 日”点不在 10/03 上，因为它需要在 10/03 和 10/04 之间。所有的点都是如此。

x轴代码如下：

xAxis: {
        type: 'datetime',
        minTickInterval: 24 * 3600 * 1000,
        dateTimeLabelFormats: { // don't display the dummy year
            day: '%m/%d'
        },
        formatter: function () {
            return Highcharts.dateFormat("%m/%d", this.value);
        },
        gridLineColor: '#197F07'
    }

小提琴中重现了相同的问题：

在IE中打开fiddle查看问题

Answer 1

这个问题是因为如果是 UTC 日期格式。new Date('2013-10-03T00:00:00').getTime() 在 IE 和 Chrome 中返回不同的值。我建议您使用时间戳而不是使用 UTC 格式。

就日期时间轴而言，我个人更喜欢时间戳而不是 UTC 日期格式。有了时间戳，我认为在上面玩日期和函数会很容易。

             data: [
                [1382680330000, 129.9],
                [1382593930000, 71.5],
                [1382536090000, 106.4]
             ]

http://jsfiddle.net/YYXX8/是一个小演示，

请注意，highcharts 接受以毫秒为单位的时间戳

希望这对你有用