总结Cytoscape.js中的许多节点

Question

我正在构建一个Web应用程序，用户可以在其中创建这样的一种二部图 ：

有时，用户希望构建一个巨大的图，例如，其中的最顶层具有784个节点的图，如下图所示。 我的应用程序可以处理计算，但是结果很丑陋，毫无意义：

您是否有一个想法想渲染一个巨大的层而不仅仅是绘制所有节点，而是用另一个更漂亮的表示将它们汇总 ？

到目前为止，我还没有考虑过将“巨大”层的所有节点放置在一个空的复合节点中，但是当然，这时不可能绘制一些边缘（因此，巨大层看起来就像是从图中断开了）。 另一种解决方案是让具有100个以上节点的所有层都恰好有100个节点，并将它们放在z-index大于每个节点的z-index的复合节点中； 但我还没有尝试过

如果您还有其他想法，或者Cytoscape.js提供了汇总大图的方法，请告诉我。

谢谢。

Answer 1

您可以在层中的数量超过一定数量时将节点分组（例如，如果您有100个节点，则将它们组合为25个组），我可以通过遍历该层中的节点来完成此操作，从而为每个子组（插入所有需要的相关信息），然后在所有相关边上用N替换对替换节点的任何提及（ 查找连接边 ）。

由于我在将布局/节点发送到cytoscape进行可视化之前亲自在python中生成布局/节点，因此我避免发布可能效率不高/不正确的javascript / cytoscape示例：）