cytoscape.js-节点之间的间距

时间:2019-01-03 02:52:47

标签: typescript cytoscape.js

我正在使用TypeScript创建cytoscape图。我正在寻找增加节点之间间距的方法。我试图更改spacingFactor的值,但这并没有改变我所看到的任何东西。

1 个答案:

答案 0 :(得分:0)

它始终取决于您使用的布局。下面的代码片段向您展示了如何使用intervalFactor属性,在official documentation中可以找到其他的spaceping属性,通常这些东西很容易找到。如果您指定所需的布局,我也可以为您提供特定的布局。

Dagre:

this.cytoscape.layout({
  name: "dagre",
 spacingFactor: 12
}).run();

同心:

this.cytoscape.layout({
  name: "concentric",
  minNodeSpacing: 12
}).run();

费用:

this.cytoscape.layout({
  name: 'cose-bilkent',
  animate: false,
  idealEdgeLength: 200
});

传播:

this.cytoscape.layout({
   name: 'spread',
   minDist: 20
});

克莱:

不要使用克莱