Question

我想创建一个多线高清图，它在x轴上需要24小时，每个日期图需要一行。

[{
        "date": "2017-05-01T02:50:26",
        "value": 764.88
    },
    {
        "date": "2017-05-02T12:29:07",
        "value": 978.66
    },
    {
        "date": "2017-05-04T08:30:20",
        "value": 522.61
    },
    {
        "date": "2017-05-04T12:29:34",
        "value": 762.7
    },
    {
        "date": "2017-05-02T11:09:56",
        "value": 809.96
    },
    {
        "date": "2017-05-03T03:32:35",
        "value": 736.94
    },
    {
        "date": "2017-05-04T12:56:53",
        "value": 339.68
    }
]

这里我们有4个独特的日期，即

2017-05-01，2017-05-02，2017-05-03，2017-05-04

我们希望每个日期有四行。但x轴必须是小时：分钟，y轴是值。我创建了一个fiddle。

Answer 1

要更改xAxis标签的显示方式，您可以在Highcharts.dateFormat()中使用xAxis.labels.formatter功能。看看下面发布的示例。

API参考：
http://api.highcharts.com/highcharts/xAxis.labels.formatter
http://api.highcharts.com/highcharts/Highcharts.dateFormat

例：
http://jsfiddle.net/x41vev1p/

基于日期的多线高图

1 个答案: