来自JS日期的Highcharts X-Axis时间

时间:2016-04-03 01:43:17

标签: javascript date time highcharts formatting

我想使用Highcharts从我的数据库中查看温度。 JS数据数组如下所示:

[date object, value]

例如:

[Fri Mar 04 2016 01:39:10 GMT+0100 (Central Europe Standard Time), 20.5]

如您所见,我有一个日期对象和一个值。所以我的问题是格式化它显示我的日期的x轴,最好格式化为HH:MM。看起来我已经使用了xAxis类型的datetime,但这不起作用。

xAxis: {
    type: 'datetime'
    // ...
}

你知道这个问题的解决方案吗?

Image of graph

1 个答案:

答案 0 :(得分:5)

Highcharts以时间戳的形式接收datetime,以毫秒为单位。您正在提供Date对象。而不是仅插入Date对象使用Date对象的getTime()函数来获取时间戳。

例如(JSFiddle):

$(function () {
    // The timestamp of the current time
    var timestampNow = new Date().getTime();
    // The timestamp one hour from now
    var timestampOneHour = new Date(timestampNow + (3600 * 1000)).getTime();

    $('#container').highcharts({
        xAxis: {
            type: 'datetime'
        },
        series: [{
            data: [
                [timestampNow, 1],
                [timestampOneHour, 2]
            ]
        }]
    });
});