Javascript 绘制连接两个节点而不与另一个节点相交的路径+；d3.js

我使用d3flowtree（）将树的节点显示为流布局。并添加其他g元素来表示两个节点之间的连接（通过使用流程布局管理其他图表）

当绘制从一个节点到另一个节点的链接时，它必须是矩形路径，不能像附着的图像那样与其他节点相交

需要找到可能的可用路径。欢迎提出任何建议和想法

---

提前谢谢

看起来WebCola可以做到这一点。您可以查看他们的演示：

---

作者提到：“这个例子的另一个特点是最短路径边缘路由。也就是说，在布局停止后，边缘路径被路由以避免通过节点边界。”他还解释了它是如何实现的。

你能详细说明你计划如何实现这一点吗：你的绘图看起来不像你链接的可折叠树布局。在树中有一个根我隐藏根，从根的子级开始，所以这些都是根的子级，它们都在流动中。。。我没有显示可折叠的内部节点，但在链接到的布局中，根的所有子节点将显示在单独的行上。您的N:1到N:6同级元素（根节点的子元素）还是其中的一些元素是彼此的子元素？N:1 N:2。。你是根的孩子。。。它们也有同级子节点，但其行为类似于示例图表中的堆栈，此视图仅适用于根节点的子节点，链接是根节点的两个子节点之间的连接。如果我尝试这样做，我不会担心尝试在子节点之间向下蛇行链接，因为这会混淆树布局。我总是沿着图表的边缘向左走。然后，您必须对节点布局进行的唯一更改是使左边距变大。不管你是不是这样做的，为什么不把你的流程图和链接放在一起，然后回来用它编辑你的问题呢。这样，人们就可以就如何解决任何遗留问题提出更具体的建议。同意，但要注意