绘制时间序列数据-从JSON格式的x轴

D3.js - Plotting time series data - Format x-axis from JSON

本文关键字:格式 JSON 时间序列 数据 绘制      更新时间:2023-09-26

我从JSON文件中绘制非常简单的数据:我需要帮助格式化我的x日期轴。我不知道如何从json文件中为d3.js指定日期格式。我尝试了以下操作:

var parseDate = d3.time.format("%Y%m%d").parse;

JSON数据如下所示:

var data = [
{"mytime": 20150801, "tt": 17.0}, 
{"mytime": 20150802, "tt": 17.6},
];

x轴上的结果不像预期的那样。在这里找到我的小提琴。https://jsfiddle.net/1m1qm6pv/1/

我认为问题是这样的:

data.forEach(function(d) {
  d.mytime = parseDate(d.mytime);
});

您的"dates"是数字,因此不能解析为Date对象。要解析它们,请使用字符串而不是数字:

var data = [
  {"mytime": "20150801", "tt": 17.0}, 
  {"mytime": "20150802", "tt": 17.6},
];