javascript - Cytoscape 中的多个根节点

标签 javascript cytoscape.js cytoscape

我正在 Cytoscape 中创建一个具有广度优先布局的树。

在布局选项中,我将一个节点设置为根节点。但是有没有办法让我有 2 个节点作为根节点? 我在 cytoscape 引用中看到有以下布局选项:

var options = {
  name: 'breadthfirst',
  roots: undefined, // the roots of the trees
};

现在,可以使用其 ID 将单个节点设置为根节点。为了 示例:

roots: "#a"

我该怎么做才能让一棵树有多个根,如图所示?

Multiple Root Tree representation

最佳答案

我解决了在该节点中放置一个名为“level3”的额外类的问题,然后我写了下一行:

cy.layout({name: 'breadthfirst', directed:false, roots:'node[classes @*="level3"]',padding: 5});

请记住,您可以向节点添加一些不同的类,只需使用它们之间的空格即可

关于javascript - Cytoscape 中的多个根节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42082975/

相关文章:

java - 在 Windows 中设置 Eclipse 以进行 Cytoscape 插件开发

python - 将布局从 networkx 转移到 cytoscape

java - ClassNotFoundException 和 NoClassDefFoundError (为什么??)

javascript - 使用 JQuery 单击链接时删除父 div

javascript - 构建网格并使用 jQuery 对齐它

javascript - 选择具有特定 css 类的第一个元素

javascript - 根据值在 cytoscape.js 中动态放置节点,避免重叠

javascript - Angular ng-repeat 不适用于深度链接

javascript - 如何将html标签添加到cytoscape图形节点

javascript - Cytoscape.js:将渲染位置转换为模型位置