标签：javascript graph d3-js force-layout

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

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

谢谢您的意见 ！

解决方法:

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

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

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。