cytoscape.js - 节点之间的间距

Question

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

Answer 1

它始终取决于您使用的布局。下面的代码片段展示了如何使用spacingFactor属性，其他spacing属性可以在官方文档中找到，通常这些东西很容易在那里找到。如果您指定想要哪种布局，我也可以帮助您实现该特定布局。

达格雷：

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

克莱：

不要使用克莱