D3.js - 绘制时间序列数据 - 从JSON格式化x轴

Question

我从JSON文件中绘制非常简单的数据：我需要帮助格式化我的x-date-axis。 我不知道如何从d3.js的JSON文件中指定日期格式。我尝试了以下方法：

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);
});

使用这3行代码，它不起作用。

Answer 1

您的“日期”是数字，因此无法解析为Date对象。要解析它们，请使用字符串而不是数字：

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

完整演示here。