d3.js D3 -无法使用时间数据创建折线图

jogvjijk  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(137)

这是我第一次使用D3,我正在尝试创建一个折线图。我从这个例子中派生出来:https://observablehq.com/@d3/line-chart
我的叉子在这里:https://observablehq.com/d/f98c480a077a03ac
我的数据如下所示

[
  {
    "numAnnotations": 23,
    "date": "2021-04-26"
  },
  {
    "numAnnotations": 108,
    "date": "2021-04-28"
  },
  {
    "numAnnotations": 166,
    "date": "2021-04-29"
  },
...
  {
    "numAnnotations": 227414,
    "date": "2022-04-13"
  }
]

我只想显示注解的数量随日期的增加而增加。但是我无法绘制图表,而且我不知道我做错了什么。
我假设我的数据格式有问题,但我看不出哪里有问题。有人能指出我的错误吗?

jxct1oxe

jxct1oxe1#

我想通了。错误是我没有将日期字符串转换为JS数据对象。我现在已经修复了代码。
以下是更新后的可观察值:https://observablehq.com/d/f98c480a077a03ac

相关问题