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/。