HighCharts不显示系列数据

时间:2019-02-17 15:11:00

标签: highcharts

我有一个要与Highstocks一起显示的时间序列数据: 数据如下:

{
  "title": {
    "text": "My Graph"
  },
  "series": [
    [
      {
        "name": "Future Index Longs",
        "data": [
          [
            "2019-02-05",
            104516
          ],
          [
            "2019-02-06",
            127260
          ],
          [
            "2019-02-07",
            156291
          ],
          [
            "2019-02-08",
            167567
          ]
        ]
      }
    ],
    [
      {
        "name": "Future Index Longs",
        "data": [
          [
            "2019-02-05",
            21
          ],
          [
            "2019-02-06",
            0
          ],
          [
            "2019-02-07",
            1263
          ],
          [
            "2019-02-08",
            12
          ]
        ]
      }
    ],
    [
      {
        "name": "Future Index Longs",
        "data": [
          [
            "2019-02-05",
            33873
          ],
          [
            "2019-02-06",
            61093
          ],
          [
            "2019-02-07",
            43125
          ],
          [
            "2019-02-08",
            41928
          ]
        ]
      }
    ],
    [
      {
        "name": "Future Index Longs",
        "data": [
          [
            "2019-02-05",
            47542
          ],
          [
            "2019-02-06",
            55084
          ],
          [
            "2019-02-07",
            75256
          ],
          [
            "2019-02-08",
            77786
          ]
        ]
      }
    ],
    [
      {
        "name": "Future Index Longs",
        "data": [
          [
            "2019-02-05",
            185952
          ],
          [
            "2019-02-06",
            243437
          ],
          [
            "2019-02-07",
            275935
          ],
          [
            "2019-02-08",
            287293
          ]
        ]
      }
    ]
  ]
}

图形为空,不显示任何数据。我在做什么错了?

很抱歉在此处添加此填充符,但我需要添加更多文本来发布此问题,并且由于这是一个非常简单的问题,因此我没有太多要添加的内容。

2 个答案:

答案 0 :(得分:1)

您的系列格式错误,应该是一个对象数组。

像这样:series: [{ ... }, { ... }]

检查此小提琴:https://jsfiddle.net/wg1vnyzp/1/

答案 1 :(得分:1)

要在Highcharts中创建带有日期时间轴的图表,您必须将X值作为时间戳传递自1970年以来的毫秒数。

高库存示例:

请注意,在Highcharts中,您必须将 xAxis.type 定义为这样的日期时间:

  xAxis: {
    type: 'datetime'
  }

高图演示:

API参考: