D3力布局图会导致缓慢,在Firefox浏览器中

问题描述:

我有它运行,每3分钟一个动力曲线(使用的setInterval我打电话更新,在下面的顺序启动)D3力布局图会导致缓慢,在Firefox浏览器中

  • viz.update(); //attach new data from server like viz.path.data(data.links)
  • viz.nodes.data(..)
  • viz.enter(); // viz.path.enter().append("path")
  • viz.exit(); // path.exit().remove()
  • force.start();

当我将浏览器打开一段时间后,浏览器变慢,节点在我拖动时缓慢移动。我在这里错过了一些东西..

帮助赞赏。 谢谢。

+0

你可以发布工作小提琴来帮助你吗? – 2013-04-24 01:23:03

+0

我们在谈论多少个节点?如果你总是获得新的节点,你会很快遇到各种性能限制。 – nrabinowitz 2013-04-24 03:52:42

+0

Chrome/Chromium有这个问题吗?我发现d3.js在那里运行得更好(以牺牲使用更多内存为代价) – Marjancek 2013-04-24 07:41:43

Firefox中的SVG性能比Webkit/Chrome和IE10中的要慢。

在Firefox中仍然表现不错。有几件事你可以尝试。

  • 要确保你不会离开周围未使用/空元素(如<克> S),并拥有一切正常清理。太多的元素会很快杀死你的表现。
  • 减少使用不透明度的节点数量,尽可能少地使用它。
  • 减少元素的数量。

我还做了一件事,但不知道它是否有帮助,只是在再次调用force.start()之前调用force.stop()。

+1

我正在处理一组复杂的交互式图形,现在使用d3和angular ..以及除IE SgtPooki 2013-11-20 15:17:12