微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

带有 dagre 布局的 cytoscape.js,如何避免边缘重叠?

如何解决带有 dagre 布局的 cytoscape.js,如何避免边缘重叠?

我将我的项目从 dagre-d3 转移到 cytoscape。

Cytoscape.js 确实更灵活,将允许更强大的控制,但现在,我不能按我想要的方式进行边缘渲染。

这里是 dagre-d3 版本:

dagre-d3

这是实际的细胞图:

cytoscape.js

如你所见,除了:

  • 集群的顺序不同(没什么大不了的)。
  • 边可以与整个图重叠。

最后一个是我的主要问题,我只是找不到一种方法来告诉 cytoscape 像 dagre-d3 一样使边缘尽可能平行。

我将尝试使用段边(这似乎是正确的边类型),但我可以找到一种方法来配置它。 也试试出租车,但标签不可读。

这是一个完整的例子:https://jsfiddle.net/uqtahcfs/

{
    "elements": {
        "nodes": ...,"edges": ...,},"style": ...,layout: {
        name: "dagre",rankDir:  "LR",animate: false,fit: true,padding: 50,spacingFactor: 1.2,pixelRatio: 1,minZoom: 0.2,maxZoom: 2
}

有没有办法让段看起来像平行?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。