javascript - 如何格式化 Highcharts 的 (x,y) 对数据的日期时间

Question

我的序列化方法会产生如下所示的日期时间字符串:“2014-07-09T12:30:41Z”

为什么下面的代码不起作用？

$(function () {
$('#container').highcharts({
    xAxis: {
        type: 'datetime'
    },

    series: [{
        data: [
            {x:"2014-07-09T12:30:41Z",y: 29.9},
            {x:"2014-09-09T12:30:41Z", y:71.5}
        ],
        name: "Teste"
    }]
});

});

此代码完美运行:

$(function () {
$('#container').highcharts({
    xAxis: {
        type: 'datetime'
    },

    series: [{
        data: [
            {x:Date.UTC(2014, 0, 1),y: 50},
            {x:Date.UTC(2014, 2, 1), y:20}
        ],
        name: "Teste2"
    }]
});

});

如何转换日期时间格式或配置 highcharts 以处理我的数据？

Answer 1

显然，Highcharts 必须将日期视为自“1970 年 1 月 1 日，00:00:00”世界时间以来的毫秒数，这就是 Date.UTC() 检索的内容，因此您可以这样做可以完成同样的事情:

series: [{
    data: [
        {x:(new Date("2014-07-09T12:30:41Z")).getTime(),y: 29.9},
        {x:(new Date("2014-09-09T12:30:41Z")).getTime(), y:71.5}
    ],
    name: "Teste"
}]