无法使用新数据格式绘制图表答案

【问题标题】：Unable to plot chart with new data format无法使用新数据格式绘制图表
【发布时间】：2014-07-10 09:46:34
【问题描述】：

我正在转换my existing chart 以支持新的数据格式。

X 轴的旧数据格式：使用纪元格式的日期，例如 1356912000000（数字）
X 轴的新数据格式：使用常规格式的日期，如 "2012-12-31" (String)

Y轴格式相同（数字）。

对于旧格式，我将纪元日期转换为常规日期并将其提供给刻度。对于新格式，不确定我需要做什么。

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

请阅读D3 page on time formatting

在您的情况下，您只需将格式为“2012-12-31”的这些字符串转换为日期：

> var dateFormat = d3.time.format("%Y-%m-%d");
> dateFormat.parse("2012-12-31");
Mon Dec 31 2012 00:00:00 GMT+0100 (CET)

编辑：在这里找到一个工作小提琴http://jsfiddle.net/vfe2B/94/

错误是您在创建图表时需要使用这些日期解析器将字符串转换为日期。 .tickformat 函数仅控制您如何在轴上表示数据，但您需要在创建图表时向图表“提供”日期，如下所示：

.x(function(d) { return dateFormat.parse(d[0]) })

我更改了我的 jsfiddle 中的刻度格式，以便您更好地了解其中的区别。

【讨论】：