cytoscape.js cose布局节点重叠

时间:2016-08-26 16:24:27

标签: javascript cytoscape.js

我正在尝试确定在使用带有cose布局的cytoscape.js库时如何获得正确的间距。特别是,当我定义节点的宽度和高度时,节点倾向于重叠。

以下是 Demo

我试图尝试布局选项,但我没有找到任何能够提供我预期结果的选项。理想情况下,我也可以拥有不同大小的节点。

旁注:我发现的一个奇怪的行为,当创建具有相同源和目标的边的图时..布局间距是我想要的。 (参见plnkr上的红色按钮)。但如果我没有这种边缘,显然没有帮助。

1 个答案:

答案 0 :(得分:1)

添加边缘会改变系统的动态。基本力是弹簧/弹性,排斥力和中心重力。您也可能对节点重叠乘数感兴趣,这有助于在检测到重叠时增加力。您必须尝试使用​​多种组合来查看哪些组合适用于您的数据,但它确实有效。以下是一些示例,其中选项已根据数据进行了适当调整:#1 #2

将开发人员的时间与面向用户的运行时性能进行权衡。 CoSE非常快,但开发人员需要为他们的数据设置恰当的选项。其他的力量布局,比如CoSE-Bilkent和Cola,对开发者来说要容易得多 - 但它们的运行速度较慢。