如何为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"
    }]
});

}）;

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

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"
}]