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

Question

我从 JSON 文件绘制非常简单的数据:我需要帮助格式化我的 x 日期轴。我不知道如何从 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 轴上的结果与预期不符。在这里找到我的 fiddle : https://jsfiddle.net/1m1qm6pv/1/

我认为问题是这样的:

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

这三行代码不起作用。

Answer 1

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

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

完整演示 here .