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

时间:2015-02-06 18:26:08

标签: layout cytoscape.js

我正在使用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的大小): enter image description here

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

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

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

谢谢。

1 个答案:

答案 0 :(得分:3)

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

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

不幸的是,没有任何一种尺寸适合所有的力值,但我们已经尝试设置默认值,对于我们见过的大多数数据都可以。