编程语言
首页 > 编程语言> > javascript – 使用许多节点和链接加速d3强制布局

javascript – 使用许多节点和链接加速d3强制布局

作者:互联网

我想生成一个可视化,其中包含大量具有d3强制布局的节点(超过500个节点).虽然它可以正常运行多达200个节点,但是在大约500个节点上变得非常慢,从某种意义上说,布局会从一个帧到另一个帧发生故障,而节点上的鼠标悬停等事件远没有响应.这让我问了几个问题.

>节点数量是否存在某种限制,之后不建议使用强制布局?如果是这样,是否有其他图书馆可以处理这项工作?
>如果我想用d3加速这个过程,应该优化哪些部分?我试着保持使用最小的css / attributes标记(只是给链接的节点笔画宽度和笔画颜色提供了半径和填充颜色)并减少了交互的使用(鼠标悬停事件)但是可以进行更多优化包含所有信息的力量对象?数据的大小必须发挥一定的作用……

谢谢您的意见 !

解决方法:

这样做的一种方法是不是处理每个蜱事件,而是处理它们中的一小部分,例如,跳过指定的数字或根据其他考虑动态调整事件的数量.

如果想要平滑移动,请在处理的tick事件中设置的位置之间添加过渡.您当然可以将这些想法结合起来,并在转换运行时跳过事件,在完成转换后处理第一个.

标签:javascript,graph,d3-js,force-layout
来源: https://codeday.me/bug/20190703/1368408.html