高股票与日期时间和多列

Highstock with datetime and multiple columns

本文关键字：时间 日期 高股票      更新时间：2023-09-26

我过去一直在使用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，所以我可以用鼠标定义我自己的比例。

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

要使用Hilitocks，您需要以毫秒为单位传递日期。所以你可以使用(假设我们正在循环JSON数组):

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

那么你的系列的格式将是:

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

您可以在这里看到一个工作的JSFiddle，它将json数组作为数据。

相关文章：