javascript - 如何使用 Javascript 和来自 JSON 的数据在 x 轴上绘制日期格式

Question

我正在尝试从具有这种日期格式的 JSON 文件中绘制 CO2 与日期的浓度：

对于 x 轴上的一点：

"ts": "2020-07-03T12:00:00.000Z",

对于 y 轴上的一个点

"co_sum": 424.5,

因此，如果我使用“i”而不是数组中的日期，我设法绘制它，但我无法使用 CanvasJS 绘制日期。如何将该数据格式转换为可以在 x 轴上绘制的格式。基本上，不是i ，而是某种日期格式。

$.getJSON("somejsonsite.json", function(data) {
  $.each(data, function(key, value) {


    for (var i = 0; i - 1 < data.length; i++) {
      dataPoints1.push({
        x: i,
        y: data[i].co_sum
      });
    }
  });
  chart.render();

});

这就是我现在得到的：

Answer 1

目前还不是很清楚您到底想要什么日期模式，但在这里我使用了i恰好是的值来将当前日期时间值偏移那么多秒

for (var i = 0; i - 1 < data.length; i++) {
  dataPoints1.push({
    x: new Date(Date.now()+ (i*1000)),
    y: data[i].co_sum
  });
}   

更新

所以只需更改x: new Date(Date.now()+ (i*1000)),为x: new Date(data[i].ts),

Date 构造函数将自动解析并转换为日期对象