javascript - 从 .csv 文件读取时，时间线不起作用

Question

我正在尝试使用 Mike Bostock 的代码在 here 上用画笔实现时间线.

我的代码可以在 here 上找到在 CodePen 链接上。

在函数 drawTimeline 中，我定义了一个变量数据(从第 19-23 行开始)，它接收我的 .csv 文件的前七个值。我遇到的问题是，即使当我对变量数据进行硬编码时代码工作正常(第 24 行)，但当我通过将前七个值插入我创建的数组中来使用它时它不起作用。我已经使用 console.log 在外部打印值，它们的格式似乎与我硬编码的格式相同，但时间轴在 csv 的情况下没有显示任何内容-派生数组。谁能帮忙解决这个问题？

谢谢!

Answer 1

您的时间表正在运作。问题只是时间跨度。

当你硬编码数据时，你有这个域(我在澳大利亚，你可能会根据你的时区看到不同的时间):

[Fri Jan 19 2018 20:36:02 GMT+1100, Thu Jan 25 2018 20:36:02 GMT+1100]

这个域在时间跨度上有将近一周的时间。另一方面，当您推送前 7 个值时，这是域:

[Tue Mar 06 2018 21:52:42 GMT+1100, Tue Mar 06 2018 23:55:30 GMT+1100]

如您所见，只需几个小时。但它是一个正确的域，所以图表应该可以工作。这里发生了什么？

问题是你为刻度设置了这个:

.ticks(d3.timeDay)

显然，该领域只有几个小时，而不是几天。

解决方案:

删除您的ticks 方法。

这是更新的 CodePen:https://codepen.io/anon/pen/eMxzGM?editors=0010