D3强制布局图导致firefox浏览器缓慢

时间:2013-04-24 00:02:25

标签: d3.js force-layout

我有一个动态力图,每隔3分钟运行一次(使用setInterval我调用update,按以下顺序启动)

  • 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();

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

帮助表示感谢。 感谢。

1 个答案:

答案 0 :(得分:1)

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

Firefox的性能还不错。你可以尝试一些事情。

  • 请确保您没有留下未使用/空的元素(例如< g> s),并正确清理所有内容。太多元素会很快破坏你的表现。
  • 减少使用不透明度的节点数量,尝试尽可能少地使用它。
  • 减少元素数量。

我也做了一件事,但不确定是否有任何帮助,是在再次调用force.start()之前调用force.stop()。