使用d3创建泳道图表
我需要生成类似于以下的泳道图表,但在Y轴上添加了显示日期.我需要显示的所有节点都是具有依赖关系的活动,没有流控制元素.
这可能是使用像d3这样的东西,还是有更好的javascript库用于这种类型的图表？我还没有看到任何类似的例子,所以如果有可能使用d3,我不知道我会从哪里开始.任何提示将非常感谢.
Bil*_*ill 15
根据之前的回答和评论,我开始使用实现图表的路径Raphael.js.在编写了600多行代码(主要是框架内容以弥补其裸骨性质)之后,我发现Raphael.js渲染文本的速度非常慢.不确定为什么,但它显然是一个已知的问题.最后花了3.5秒来渲染一个包含300个项目的图表,其中80%的时间用于渲染文本.
然后我重新开始d3.js.我发现d3.js在创建数据绑定图表时,如果不考虑旧版浏览器支持,这是更好的选择.创建一个泳道图表d3.js给我带来了大约100行代码,而Raphael.js为600+代码.该d3.js版本还具有更多功能,看起来更好,响应更快.
虽然声明式的风格d3.js需要一些人习惯,但它使得处理数据非常容易.作为额外的奖励,我的图表现在渲染大约250毫秒:)
有关我创建的最终泳道图表,请参见http://bl.ocks.org/1962173.