时间戳

首页 > 解决方案 > cytoscape.js - 节点之间的间距

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

问题描述

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

标签： typescriptcytoscape.js

解决方案

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

达格勒：

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

克莱：

不要使用克莱

推荐阅读