Cytoscape.js - 定位多个布局

时间:2017-06-21 23:29:37

标签: javascript cytoscape.js

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

生成的可视化将如下所示:example layout

(每个圆圈是节点的圆形布局)

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

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

1 个答案:

答案 0 :(得分:0)

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