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

Question

我正在用jquery和cytoscape.js开发一个小应用程序。我可以做几乎我所期望的事情，但是，我已经在这个主题上被封了好几天了：我想要渲染图形类似于我在Cytoscape中可以用布局“按属性分组”做的事情。在Cytoscape中，渲染是使用圆圈，但它可以是每组的其他布局。我无法找到示例，我尝试使用boundingBox或pan（）。

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

var persons = cy.nodes（）。filter（'[Type =“Person”]'）。select（）; cy.elements（“：selected”）。layout（{name：'circle'，boundingBox：{x1：'300'，y1：'4OO'，h：'500'，w：'500'}}）; < / p>

我没有看到现有的布局吗？ 我该怎么办？

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

谢谢

Answer 1

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

相应地设置concentric和levelWidth，根据需要将节点分组为同心圆。