用 D3 绘制简单的时间线答案

【问题标题】：Draw simple timeline with D3用 D3 绘制简单的时间线
【发布时间】：2012-10-23 11:55:28
【问题描述】：

这就是我想要完成的：

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

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

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

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

【问题讨论】：

【解决方案1】：

您应该能够使用time scale 和axis 完成此操作

Scott Murray 有一套非常好的教程，其中一个为axes 提供了高潮

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：