Question

刚开始玩cytoscape.js和第一个布局。看起来它将是一个很棒的图书馆。我希望能够创建一个分层或树状布局，理想情况下能够将节点固定到一个级别。是否有关于使用正确布局或如何实现它的建议。

有谁知道如何使用根：？我尝试过这样的“root：'xyz'”，其中xyz是我图中根节点的id。

另外，我试图使用看起来不起作用的position和locked属性来锁定我的根节点，如下所示。

        { data: {  id: "XYZ", name: "XYZ", weight: 100, faveColor: "#F5A45D", faveShape: "triangle" , position: {x: 150, y: 10}, locked: true}},

如果我无法让它工作，我的后退将是使用graphviz来计算布局并在代码中手动定位节点。

Answer 1

您只能将元素指定为根。我将添加使用2.2.4选择器字符串的功能： https://github.com/cytoscape/cytoscape.js/issues/498

对于布局本身，节点基于边缘方向层次结构定位，因此您只能保证指定根节点的位置。其余部分属于层次结构中。