用D3绘制简单的时间轴

时间:2012-11-02 19:23:13

标签: javascript html d3.js visualization timeline

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

Timeline

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

每个活动都与日历的一天相关(尽管一天可能有很多活动)。

此数据来自MySQL数据库。

任何帮助或建议都将受到高度赞赏。

3 个答案:

答案 0 :(得分:42)

我最近不得不做类似的事情。我最终编写了一个d3插件,可以在其他几个插件中处理这个案例。 https://github.com/jiahuang/d3-timeline

enter image description here

enter image description here

enter image description here

enter image description here

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

答案 1 :(得分:9)

您应该可以使用time scaleaxis

来完成此操作

Scott Murray有一套非常好的教程,最后一篇为axes

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

答案 2 :(得分:0)

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