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

克莱:

不要使用克莱

cytoscape.js - 节点间距