Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用D3绘制简单的时间线_Javascript_Html_D3.js_Visualization_Timeline - Fatal编程技术网

Javascript 用D3绘制简单的时间线

Javascript 用D3绘制简单的时间线,javascript,html,d3.js,visualization,timeline,Javascript,Html,D3.js,Visualization,Timeline,这就是我试图实现的目标: 在本例中,我有一个开始日期(2011年6月1日)、一个结束日期(2012年7月1日)以及这个范围内的多个事件 每个事件都与日历中的一天相关(尽管一天中可能有许多事件) 此数据从MySQL数据库中获取 如有任何帮助或建议,将不胜感激 您应该能够通过和来完成此任务 有一套非常好的教程,最终为 把你的时间线想象成一个带有时间刻度的一维散点图。我最近也做了类似的事情。最后,我写了一个d3插件,可以处理这个问题 我对D3也很陌生,但我希望它有用。我将开发类似的可视化,并

这就是我试图实现的目标:

在本例中,我有一个开始日期(2011年6月1日)、一个结束日期(2012年7月1日)以及这个范围内的多个事件

每个事件都与日历中的一天相关(尽管一天中可能有许多事件)

此数据从MySQL数据库中获取


如有任何帮助或建议,将不胜感激

您应该能够通过和来完成此任务

有一套非常好的教程,最终为


把你的时间线想象成一个带有时间刻度的一维散点图。

我最近也做了类似的事情。最后,我写了一个d3插件,可以处理这个问题


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

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

感谢您的回复。我来看看。有适合5岁孩子的D3教程吗?我需要这样的东西。我必须对代码做一些更改,但你的插件正是我需要的。谢谢,很抱歉反应太晚,我正忙着做另一件事。@azeós你能和全班分享你的修改吗?我很好奇,这是为了一个古老而过时的项目。我会把这些文件翻个遍,看看能不能找到。