javascript - 关于图表上的线条范围的 Highcharts 设计问题

Question

我有一个 highchart，它根据 json 日期在图表上显示一些数据。但是，即使事件有开始时间和结束时间，也会显示在错误的字段上

copy_historic_db-prod 。 sttime 和 edtime 之间的持续时间约为 1 小时，但它显示在图表的最右侧。

Here is the JS Fiddle

我应该使用 timeinverval 来解决这个问题吗？

或任何其他建议。

Answer 1

直接来自您的数据:

}, {
    "name": "copy_historic_db -prod",
    "st_time_am_pm": " pm",
    "ed_time_am_pm": " pm",
    "intervals": [{
        "from": 1399723324000,
        "to": 1399727196000,
        "label": "completed",
        "color": "#000000"
    }]
}

让我们尝试一下:

new Date(1399723324000); //returns Sat May 10 2014 14:02:04 GMT+0200 (CEST)
new Date(1399727196000); //returns Sat May 10 2014 15:06:36 GMT+0200 (CEST)

现在，让我们与其他一些(随机选择的)点进行比较:

{
    "name": "avgpri -F",
    "st_time_am_pm": " pm",
    "ed_time_am_pm": " pm",
    "intervals": [{
        "from": 1399650494000,
        "to": 1399650859000,
        "label": "completed",
        "color": "#000000"
    }]
}

还有:

new Date(1399650494000); //returns Fri May 09 2014 17:48:14 GMT+0200 (CEST)
new Date(1399650859000); //returns Fri May 09 2014 17:54:19 GMT+0200 (CEST)

如您所见，罪魁祸首就是您该点的数据:5 月 9 日与 5 月 10 日。

查看刚刚禁用的工具提示日期格式:http://jsfiddle.net/gtkd9096/7/