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

我正在使用TypeScript创建一个cytoscape图。我正在寻找一种方法来增加节点之间的间距。我已尝试更改

spacingFactor

的值，但这并没有改变我看到的任何内容。

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

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

同心：

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

Cose:

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

排列：

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

Klay:

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

---

不要使用klay

您能给我们提供更多信息吗？你使用哪种布局？你有一个片段吗？谢谢：）我编辑了我的答案，请检查一下，看看是否有帮助：）thx@StephanT. - 这些建议都没有帮助。我看不到图表中有明显的变化。你用哪种布局测试它们？我自己用定义好的布局对它们进行了测试，它对每个布局都有效（如果更改值，图形确实会有很大的变化）。要么你使用了另一个布局，要么你使用了错误的值……我尝试了

cose

、

dagre

、

spread

、

concentral

、和

klay

，但似乎都没有对

spacingFactor

的更改做出响应。这就是我如何将其添加到代码中<代码>this.cytoscape.layout（{name:this.layout，spacingFactor:this.spacingFactor}）.run（）好吧，你刚刚尝试了这个属性，例如dagre有一个非常简单的解决方案（rankSep、nodeSep和edgeSep…）我将用每个布局的相关属性编辑问题，并删除代码片段，但这通常可以通过搜索文档和尝试不同的属性来实现。