cytoscape.js - 带有dagre布局的cytoscape.js，如何避免边缘重叠？

Question

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

Cytoscape.js 确实更灵活，将允许更强大的控制，但现在，我无法获得我想要的边缘渲染。

这是 dagre-d3 版本：

这是实际的细胞景观：

如您所见，除了：

• 集群的顺序不同（没什么大不了的）。
• 边缘可以重叠整个图。

最后一个是我的主要问题，我只是找不到一种方法来告诉 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
}

有什么办法可以让段看起来像平行？