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

标签 javascript d3.js

我正在尝试学习 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上有一个例子.

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

最佳答案

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

关于javascript - 从数据对象数组创建折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29089118/

相关文章:

javascript - YouTube IFrame API 播放方法在触摸某些 Android 平板电脑之前不起作用

javascript - 如何在带有 iframe 的页面中仅附加到主体标签?

javascript - 我可以在 if 子句中使用 node.childNodes 吗?

php - 将 JSON 解析数组转换为 CSV

javascript - nvd3 格式化日期始终返回 1970-01-01

javascript - d3.js - 多折线图不更新圆圈

javascript - 在 Nativescript View 中循环遍历 textFields

javascript - 用自定义字符替换闪烁的文本光标

javascript - 使用 jquery/javascript 设置多个 img alt 监听器

d3.js - x 轴日期与 nvd3 中的 y 轴数据不对齐