Cytoscape js中的循环层次结构？

Question

是否有可能在Cytoscape js中获得循环层次结构？

如果不知何故节点可以排列在圆形层次结构中（根位于中心......），请让我知道出路的方式，breadthfirst布局给出了一个通用的层次结构布局。

感谢

Answer 1

您是否尝试过的广度优先布局concentric选项？默认情况下，宽度优先给出金字塔式布局，但您可以指定圆形布局。

例如：

var cy = cytoscape({ 
    container: document.getElementById('cy'), 
    elements: { 
     nodes: [ 
     { data: { id: 'a' } }, 
     { data: { id: 'b' } }, 
     { data: { id: 'c' } }, 
     { data: { id: 'd' } }, 
     { data: { id: 'e' } } 
     ], 

     edges: [ 
     { data: { id: 'ae', weight: 1, source: 'a', target: 'e' } }, 
     { data: { id: 'ab', weight: 3, source: 'a', target: 'b' } }, 
     { data: { id: 'be', weight: 4, source: 'b', target: 'e' } }, 
     { data: { id: 'bc', weight: 5, source: 'b', target: 'c' } }, 
     { data: { id: 'ce', weight: 6, source: 'c', target: 'e' } }, 
     { data: { id: 'cd', weight: 2, source: 'c', target: 'd' } }, 
     { data: { id: 'de', weight: 7, source: 'd', target: 'e' } } 
     ] 
    }, 
    layout: { 
    name: 'breadthfirst', 
    circle: true, 
    root: 'a', 
    }, 
}); 

为我的代码的其余部分见https://jsfiddle.net/josephst18/kznos1x9/2/。