d3.js中的网络多路径正交图

fra*_*ank 6 javascript svg graph d3.js

我们希望使用d3绘制一个网络路由图,该图具有固定的起始和结束节点,但两者之间可能共享某些节点的路径不同,例如: 在此输入图像描述

在d3.js中读取了配置固定布局静态图的注释,并成功创建了一个简单的图形,如:

在此输入图像描述

但是当我向图表添加更多节点时,它变得随机(刷新后不是静态的)并且不再正交:

在此输入图像描述

所以我的问题是:

  • 是否可以使用d3.js绘制接近所需图形的东西?
  • 或者我的图表实现中应该使用哪种算法?

fra*_*ank 1

Dagre解决了我们的问题。它正是我们所需要的。