在hightcharts中以X轴显示JavaScript日期

时间:2016-09-27 15:17:52

标签: javascript jquery highcharts

我有一系列由一对X,Y值组成。 X是Javascript日期。

当显示图表时,我无法在X中看到对这些日期值的任何引用。 如何在X轴和工具提示中显示它们?

Reproduction online

    $('#container').highcharts({
        xAxis: {
            type: 'datetime',
            minPadding: 0.05,
            maxPadding: 0.05
        },

        series: [{
            data: [
                [new Date(2016,08,28), 29.9],
                [new Date(2016,09,28), 71.5],
                [new Date(2016,10,28), 106.4]
            ]
        }]
    });

1 个答案:

答案 0 :(得分:1)

您需要使用Date.UTC方法。

你可以更新一下:

[new Date(2016,08,28), 29.9]

[Date.UTC(2016,08,28), 29.9]

更新了小提琴:

(请记住,月份数字在javascript中从0开始,而不是1,因此请相应调整)