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

D3.js D3强制布局图导致firefox浏览器运行缓慢,d3.js,force-layout,D3.js,Force Layout,我有一个动态力图,每3分钟运行一次(使用setInterval我调用update,按以下顺序开始) 即更新()//从服务器附加新数据,如path.data(data.links) 即节点数据(..) viz.enter();//即path.enter().append(“path”) viz.exit();//path.exit().remove() force.start() 当我将浏览器保持打开状态一段时间后,当我拖动节点时,浏览器速度会减慢,节点移动也会缓慢。我是不是错过了什么 谢谢你

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

  • 即更新()//从服务器附加新数据,如path.data(data.links)
  • 即节点数据(..)
  • viz.enter();//即path.enter().append(“path”)
  • viz.exit();//path.exit().remove()
  • force.start()
当我将浏览器保持打开状态一段时间后,当我拖动节点时,浏览器速度会减慢,节点移动也会缓慢。我是不是错过了什么

谢谢你的帮助。
谢谢。

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

Firefox的性能仍然不错。有几件事你可以试试

  • 确保没有留下未使用的/空的元素(如),并妥善清理所有内容。太多的元素会很快破坏您的性能
  • 减少使用不透明度的节点数量,尽量少使用它
  • 减少元素的数量

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

你能发布一个工作提琴来帮助你吗?我们讨论了多少节点?如果你一直都有新的节点,你会很快遇到各种性能限制。Chrome/Chrome有同样的问题吗?我发现d3.js在那里运行得更好(以使用更多内存为代价),节点数接近100。另外,我不会一直得到新的节点。首先,如果它是90,在下一次重新加载时,它的范围将在90-100之间。我正在研究一组复杂的交互式图形,包括d3和angular。。所有的一切,除了IE