JointJs 如何使链接相互避开。不要结块答案

【问题标题】：JointJs how to make links avoid each other. Not to clump upJointJs 如何使链接相互避开。不要结块
【发布时间】：2016-03-07 19:07:35
【问题描述】：

几天来，我一直在努力寻找解决问题的方法。我有一个用jointjs制作的工作流可视化模块。但是有太多的链接，它们聚集在一起，变得难以理解。我想让它们相互避开，并倾向于平行而不是相互重叠。第二：没有路由器，跳线连接器）我正在考虑一个想法：创建链接时，我将全部被链接像素占据，并将它们添加到障碍地图中......不知何故。我不确定它是否可能，因为它是矢量图形。有人有想法吗？

使用地铁路由器：

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

【问题讨论】：

能否请您说明如何实现第二张图片上的链接跳过其他链接？
链接有一个 connector 属性，您可以将其设置为 jumpover。在这里查看：dia.Link.prototype.presentation。示例：link.set('connector', { name: 'jumpover', args: { type: 'gap' }});

标签： hyperlink jointjs

【解决方案1】：

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

可以在here找到更详细地解释其工作原理的完整博客文章。

希望这能有所帮助。

【讨论】：