javascript - Cytoscape.js 大数据性能与 sigma.js

Question

我在 cytoscape.js 中渲染具有约 1,000 个节点和约 5,000 条边的图形时遇到了很多麻烦（需要很长时间才能渲染，一旦由于浏览器过载而无法交互），但是出现了相同大小的图形可以很好地渲染并与 sigma.js ( http://sigmajs.org/ ) 配合使用。

我想知道为什么这两个库的性能差异如此之大。如果可能的话，我想使用 cytoscape.js，因为它似乎有更好的文档记录并且更容易使用，但我只能在它能够在浏览器中处理相当大的图表时这样做。

有任何想法吗？

Answer 1

Sigma 有一些技巧可以让它渲染得更快，例如在视口事件上禁用边缘渲染。如果您make all来自主干，那么hideEdgesOnViewportinit 选项应该可以满足您的需求——为您提供或多或少与 sigma 相同的性能水平。