javascript -/chart.js的时间散点图

我正在尝试在(x，y)数据的chart.js中渲染散点图，其中x是日期字符串。我在网上看到了许多示例和教程，其中讲师使用一种函数来为示例图表生成时间戳，但是我还没有找到任何使用真实数据的示例，例如可能会收集的示例。

我有看起来像这样的数据(从cron收集):

2017-07-08T06:15:02-0600,23.375
2017-07-08T06:20:02-0600,23.312
2017-07-08T06:25:02-0600,23.312
2017-07-08T06:30:02-0600,23.25

我在chart.js中尝试过这样的数据(在数据字符串的前后都带有“引号”)。

data: [{
  x: 2017-07-08T06:15:02-0600,
  y: 23.375
},{
  x: 2017-07-08T06:20:02-0600,
  y: 23.312
},{
  x: 2017-07-08T06:25:02-0600,
  y: 23.312
},{
  x: 2017-07-08T06:30:02-0600,
  y: 23.25

}]，

什么都没有呈现。我究竟做错了什么？

最佳答案

根据散点图的documentation:



因此，您不能使用像2017-07-08T06:15:02-0600这样的值。您可以将日期转换为数字，然后在数据中使用它们。

在您的情况下:

data: [{
        x: 1499516102000,
        y: 23.375
    }, {
        x: 1499516402000,
        y: 23.312
    }, {
        x: 1499516702000,
        y: 23.312
    }, {
        x: 1499517002000,
        y: 23.25
    }
]

现在，您的xAxes将带有数字，因此您可以使用 callback 修改xAxes标签。

关于javascript -/chart.js的时间散点图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45071813/