甘特图与D3

d3m*_*ter 6 javascript charts schedule gantt-chart d3.js

我一直在制作D3甘特图; 它有一个画笔视图,树形网格视图的列标签(我的应用程序需要这个)和工具提示.该图表允许您通过单击树层次结构中的节点,使用树视图展开和缩小节点.

关于我遇到的问题,随着时间的推移,刷子滚动明显减慢,我原本以为我可能没有删除我应该的节点,这导致速度减慢,但我确实花时间检查这个问题似乎并非如此.它还不支持剪切,滚动画笔时图表中的活动条与树网格重叠.它似乎变慢了,并且在firefox中有点慢,但是如果缩小并展开树形网格视图中的顶级节点,则树刷的滚动会再次变得更快.

我需要以下问题的帮助:

  1. 剪裁; 我不确定如何修改代码以使其工作.
  2. 使用画笔时延迟滚动图表视图,因此画笔不会在每次移动时调用更新.
  3. 关于如何解决使用画笔时发生的减速的一些指导.

你可以在这里看到它(全屏):http://bl.ocks.org/d/4704709/

我添加了全屏视图,因为正常的bl.ocks视图太小而无法适应它.

并且它在github这里是为了那些想要分支并且做得更好的事情而不是我能做的事情:

https://gist.github.com/4704709