Cytoscape js中的循环层次结构?

时间:2016-12-25 13:47:08

标签: cytoscape.js

是否可以在Cytoscape js中获得循环层次结构?

第一个布局给出了一个通用的层次结构布局,如果某个节点可以按照循环层次排列(根位于中心......),请让我知道出路。

由于

1 个答案:

答案 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/