d3.js - D3 强制布局图导致 Firefox 浏览器运行缓慢

Question

我有一个动态力图，每 3 分钟运行一次（使用 setInterval 我正在调用更新，按以下顺序开始）

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

当我将浏览器打开一段时间时，浏览器速度变慢，并且当我拖动节点时节点移动缓慢。我在这里错过了什么吗..

帮助表示赞赏。谢谢。

Answer 1

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

在 Firefox 中的性能仍然不错。您可以尝试几件事。

• 确保你没有留下未使用/空的元素（如 <g>s），并妥善清理所有内容。太多的元素会很快扼杀你的表现。
• 减少使用不透明度的节点数量，尽量少用。
• 减少元素的数量。

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