具有日期时间和多列的 Highstock

Question

过去我经常使用 HighCharts，但我不记得如何使用 HighStocks 渲染这种图表：

我有一个 JSON 这样的：

[
  {
    timestamp: 'Sun Aug 16 2015 10:00:00 GMT+1000 (AEST)',
    run: 2,
    rest: 3
  },
  {
    timestamp: 'Sun Aug 16 2015 10:01:00 GMT+1000 (AEST)',
    run: 4,
    rest: 1
  },
  {
   timestamp: 'Sun Aug 16 2015 10:02:00 GMT+1000 (AEST)',
   run: 2,
   rest: 1
  },
]

我想要一个每个时间戳包含两列（运行和其余列）的图表。使用 HighStocks，我可以用鼠标定义我自己的比例。

如何在图表配置中写这个？

Answer 1

要使用 Highstocks，您需要以毫秒为单位传递日期。所以你可以使用（假设我们正在遍历你的 JSON 数组）：

var d = new Date(json[i].timestamp);

那么您的系列将采用以下格式：

[d.getTime(), json[i].rest]

您可以看到一个 working JSFiddle here，它将您的 json 数组作为数据。

具有日期时间和多列的 Highstock

Highstock with datetime and multiple columns

javascript

json

highcharts

highstock