typescript - cytoscape.js - 节点之间的间距

Question

我正在使用 TypeScript 创建细胞景观图。我正在寻找一种增加节点间距的方法。我尝试更改 spacingFactor 的值，但我看到的并没有改变任何内容。

Answer 1

它始终取决于您使用的布局。以下代码片段向您展示了如何使用 spacingFactor 属性，其他间距属性可在 official documentation 中找到，通常这些东西在那里很容易找到。如果您指定所需的布局，我也可以帮助您进行特定布局。

达格雷:

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
});

克莱:

不要使用粘土