JointJs如何使链接相互避免。不要搞砸了

Question

我试图找到问题的解决方案好几天了。我有一个用jointjs制作的工作流可视化模块。但有很多链接，他们聚集起来，变得难以理解。我想让他们互相避开，往往是平行而不是彼此。第二名：没有路由器，跳过连接器）我正在考虑一个想法：当创建一个链接时，我将全部被链接像素占用并将它们添加到障碍物地图......不知何故。我不确定它是否可行，因为它是矢量图形。有想法的人吗？

使用metro路由器：

没有路由器，跳线连接器：

Answer 1

这里一个潜在的解决方案是对元素进行不同的布局，以使图形很好地显示。为此，您可以使用JointJS plugin for Dagre，它为您提供了joint.layout.DirectedGraph.layout()函数来布局图形，同时还提供了多个选项。

完整的博客文章详细解释了它的工作原理，可以在here中找到。

希望这会有所帮助。