使用 cytoscape.js 构建“按属性分组”

Question

我正在使用 jquery 和 cytoscape.js 开发一个小型应用程序。我几乎可以做我所期望的，但是，我在这个话题上被阻止了好几天：我想用布局“按属性分组”来呈现类似于我在 Cytoscape 中可以做的图形。在 Cytoscape 中，渲染是使用圆形的，但它可以是每组的其他布局。我找不到示例，我尝试使用 boundingBox 或 pan() 失败。

过滤的节点组以正确的布局（例如：网格或圆形等）显示，但位于中间。我有类似的东西：

var people= cy.nodes().filter('[Type="Person"]').select(); cy.elements(":selected").layout({ name: 'circle', boundingBox:{x1:'300', y1:'4OO', h:'500', w:'500'}});

是否存在我没​​有看到的现有布局？ 我该怎么办？

我不是“强大”的 javascrip 开发者 :)

谢谢

Answer 1

使用同心布局：http://js.cytoscape.org/#layouts/concentric

适当地设置 concentric 和 levelWidth 以根据需要将节点分组为同心圆。