Cytoscape.js - 定位多个布局

Cytoscape.js - positioning multiple layouts

我目前正在使用 Cytoscape.js 使用圆形布局显示可变数量的节点。我现在 want/need 围绕原始圆圈添加额外的节点组,每个组也以圆圈布局表示。

生成的可视化效果如下所示:

(其中每个圆圈都是节点的圆圈布局)

额外的组不一定需要直接围绕原始布局,因为圆圈的数量也会有所不同。我主要只需要定位布局,使它们不会相互重叠。

我能够将其他组添加为单独的布局,但我不确定如何定位它们。我检查了文档,除非我错过了一些明显的东西,否则我没有看到如何完成我需要的东西。任何正确方向的指示将不胜感激!

指定每个布局的 boundingBox 以告诉它布局中节点的边界应该在哪里。指定 boundingBox 告诉布局将节点放在框中。确保指定足够的 space 并适当地设置避免重叠的选项。避免重叠会使布局需要使用比分配给它更多的空间。