我已经设法使用 dagre-d3 图形布局库创建了一些图形。该库工作得很好，但似乎有点缺乏文档。
我的图表真的看起来像这个例子：http ://cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html
我真正想做的是自定义边缘，使它们看起来像这张图片：
所以，基本上，我需要自定义代表边缘的 svg 路径元素。我做了一些研究，似乎可以使用 graphviz 样式（箭头、颜色等），但还没有找到任何方法来自定义连接路径本身。
是否可以以某种方式自定义它？
看看这张图。它展示了如何在边缘上使用样式，更改边缘的布局方式（lineInterpolate），以及如何移除箭头。
有关样式的更多详细信息，请参阅https://github.com/dagrejs/dagre-d3/wiki#demos。特别是，以下内容可能会有所帮助：
tl; dr：在设置边缘时添加属性lineInterpolate: 'basis'将绘制弯曲边缘。例如，
...
g.setEdge('A', 'B', { lineInterpolate: 'basis' });
...
有关详细信息，请参阅此PR。