javascript - 用 D3 绘制简单的时间线

Question

这就是我想要完成的事情：

在此示例中，我有一个开始日期（2011 年 6 月 1 日）、一个结束日期（2012 年 7 月 1 日）和此范围之间的多个事件。

每个事件都与日历中的某一天相关（尽管一天可能有很多事件）。

此数据是从 MySQL 数据库中获取的。

任何帮助或建议将不胜感激。

Answer 1

我最近不得不做类似的事情。我最终编写了一个 d3 插件来处理这种情况。https://github.com/jiahuang/d3-timeline

我对 D3 也很陌生，但我希望它有用。

Answer 2

您应该能够通过时间尺度和轴来完成此任务

Scott Murray有一套非常好的教程，其中一个是关于轴的

只需将您的时间线视为具有时间刻度的一维散点图。

Answer 3

我将开发类似的可视化，并在基于 d3.js的 Github timeknots组件上找到。