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

Question

这是我第一次使用 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"
  }
]

我只想显示随日期增加的注释数量。但是我无法渲染图表，我不明白我做错了什么。

我假设我的数据格式有问题，但我看不出有什么问题。有人可以指出我的错误吗？

Answer 1

我明白了。错误是我没有将日期字符串转换为 JS 数据对象。我现在已经修复了代码。

这是更新后的可观察值：https://observablehq.com/d/f98c480a077a03ac

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

D3 - Can't create line chart with time data

javascript

d3.js

observablehq