在高图中显示JavaScript日期的X轴

Display JavaScript Date in X axis in hightcharts

本文关键字:日期 JavaScript 高图中 显示      更新时间:2023-09-26

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

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

生殖在线

    $('#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]
            ]
        }]
    });

您需要使用Date。UTC方法。

你可以直接更新这个:

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

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

更新小提琴:

  • http://jsfiddle.net/jlbriggs/sqsdf83L/1/

(记住,月份在javascript中是从0开始的,而不是1,所以要相应地调整)