如何使用 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 constructor会自动解析并转换为日期对象

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

How to plot date format in x-axis using Javascript and data from JSON

javascript

canvasjs