highchart x轴未显示正确的日期标签

highchart x axis not showing correct date labels

本文关键字:日期 标签 显示 highchart      更新时间:2024-07-02

我正在使用highchart并动态加载json。json为我提供了日期时间序列及其值

正在创建图表,工具提示显示正确的值只有x轴标签没有正确显示。

  $(function () {
        $('#container').highcharts({
            xAxis: {
                type: 'datetime',
                dateTimeLabelFormats: {
                    day: '%e of %b'
                }
            },
            series: [{
                data: [
["2013-09-15 08:44:37",19.8],
["2013-09-18 08:47:37",18.4],
["2013-09-19 08:50:37",18.3],
["2013-09-20 08:53:37",18.1]
    ],
                //pointStart: Date.UTC(2010, 0, 1),
                pointInterval: 24 * 3600 * 1000 // one day
            }]
        });
    });

live plunkr:http://plnkr.co/edit/TfcJVPpqu6ZM2LywKmO5?p=preview

请协助。感谢

编辑

我已经用正确的日期更新了帖子和plunkr。

尝试将日期设置为getTime(毫秒)格式:

[new Date("2013-09-15T08:44:37").getTime(),19.8],
[new Date("2013-09-18T08:47:37").getTime(),18.4],
[new Date("2013-09-19T08:50:37").getTime(),18.3],
[new Date("2013-09-20T08:53:37").getTime(),18.1]

就像在这个plunker。