具有日期时间和多列的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数组作为数据。