我正在使用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的布局?
谢谢。
答案 0 :(得分:3)
与力导向/物理模拟布局的性质一样,您必须根据特定数据定制力值。我的建议是将示例复制粘贴到cose
的文档中;它使用默认值。
通过独立更改每个值进行实验,看看你得到了什么效果。
不幸的是,没有任何一种尺寸适合所有的力值,但我们已经尝试设置默认值,对于我们见过的大多数数据都可以。