带有 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 (将#修改为@)