如何改善cytoscape.js中'cose'布局的间距？

Question

我正在使用cytoscape.js 2.3.9,我正在玩一些布局.我现在渲染大约150个节点,但我希望上升到1000-1500.大约有25个节点,有1-50个孩子.我最需要的方法是使用'cose'布局,但是我离我的最终预期结果还很远.

我已经尝试过使用其属性值的几种配置,但是我没有那么强大的指导模拟,并且感觉就像没有多少意义的尝试.

使用此配置:

layout: {
  'name':'cose', 
  'animate':false, 
  'refresh':.1,
  'edgeElasticity' : 20,
  'fit': true,
  'gravity' : 100     
}

我得到这个结果(红线显示包含div的大小):

我希望图表更合适,留下更少的空白空间和子节点更接近其父节点.有时几个元素更适合(但不总是),如下所示:

但即便如此,一些子节点与其父节点重叠,其他子节点到目前为止.

关于属性值的任何建议或任何其他适合我的purpouse的布局？

谢谢.

Answer 1

由于力导向/物理模拟布局的本质，您必须根据您的特定数据定制力值。我的建议是将示例复制粘贴到cose;的文档中 它使用默认值。

通过独立更改每个值进行实验，看看会得到什么效果。

不幸的是，没有一种适用于所有力值的方法，但我们尝试设置对我们所见过的大多数数据都适用的默认值。