是否可以在Cytoscape js中获得循环层次结构?
第一个布局给出了一个通用的层次结构布局,如果某个节点可以按照循环层次排列(根位于中心......),请让我知道出路。
由于
答案 0 :(得分: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/。