【问题标题】:cytoscape.js cose layout nodes overlappingcytoscape.js 布局节点重叠
【发布时间】:2016-08-26 16:24:27
【问题描述】:
我正在尝试确定在将 cytoscape.js 库与 cose 布局一起使用时如何获得正确的间距。特别是,当我定义节点的宽度和高度时,节点往往会重叠。
这里是Demo
我尝试过使用布局选项,但我没有找到任何可以为我提供预期结果的选项。同样理想的是,我可以拥有不同大小的节点。
附注:我发现一个奇怪的行为,当创建具有相同源和目标的边缘的图形时。布局间距与我的预期一致。 (见 plnkr 上的红色按钮)。但如果我没有这种类型的优势,显然没有帮助。
【问题讨论】:
标签:
javascript
cytoscape.js
【解决方案1】:
添加边会改变系统的动态。基本力是弹簧/弹性、斥力和重心。您可能还对节点重叠乘数感兴趣,它有助于在检测到重叠时增加力。您必须尝试多种组合才能查看哪些对您的数据有效,但它确实有效。以下是一些针对数据适当调整选项的示例:#1#2
这是开发人员时间与面向用户的运行时性能之间的权衡。 CoSE 确实很快,但开发人员需要为他们的数据设置合适的选项。其他力布局,如 CoSE-Bilkent 和 Cola,对开发者来说更容易使用,但运行速度较慢。