2016-08-26 80 views
1

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

这里是Demo

我试着布局选项进行实验,但我还没有发现,我提供我想要的结果的任何选项。理想情况下,我可以有不同大小的节点。

附注:我发现一个奇怪的行为,创建具有相同源和目标的边的图形时,布局间距与我的预期相同。 (请参阅plnkr上的红色按钮)。但是,如果我没有这种类型的优势显然没有帮助。

回答

1

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

这是对面向用户的运行时性能进行折衷的开发人员时间。 CoSE真的很快,但开发人员需要为他们的数据设置正确的选项。其他力量布局,如CoSE-Bilkent和Cola,对于开发者来说使用起来要容易得多 - 但它们运行速度较慢。