javascript - 从数据对象数组创建折线图

Question

我正在尝试学习 D3，但在从数据对象数组创建简单的折线图时遇到问题。

我有一个数据对象数组，如下所示......

[
    {date: "03/04/15", rain: "1.2"},
    {date: "03/05/15", rain: "2.3"},
    {date: "03/06/15", rain: "0.0"},
    {date: "03/07/15", rain: "4.2"},
    {date: "03/08/15", rain: "0.3"},
    {date: "03/09/15", rain: "0.0"}
]

我尝试遵循 simple tutorial这会创建一个折线图，但是当我插入数据时，x 轴或折线都不会显示。这与日期格式有关吗？

我在JS Bin上有一个例子.

我真的不明白问题出在哪里，请帮忙!

Answer 1

X 轴应为 d3.time.scale由于您的日期属性是字符串，您必须通过执行 new Date(); 将其转换为正确的 Date 对象；