Dagre-D3图。egde路径可以自定义吗？

Question

我设法使用dagre-d3图形布局库创建了一些图形。该库工作出色，但似乎缺少文档。

我的图确实看起来像这个例子：http : //cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html

我真正想做的是自定义边缘，使它们看起来像下面的图片：

因此，基本上，我需要自定义表示边缘的svg path元素。我做了一些研究，似乎可以使用graphviz样式（箭头，颜色等），但是还没有找到自定义连接路径本身的任何方法。

是否可以以某种方式自定义它？

Answer 1

查看此图。它显示了如何在边缘上使用样式，如何更改边缘的布局方式（lineInterpolate）以及如何删除箭头。

有关样式的更多详细信息，请参见https://github.com/cpettitt/dagre-d3/wiki#demos。特别地，以下内容可能会有所帮助：

• 样式属性：http : //cpettitt.github.io/project/dagre-d3/latest/demo/style-attrs.html
• 内置形状：http：//cpettitt.github.io/project/dagre-d3/latest/demo/shapes
• 内置箭头：http : //cpettitt.github.io/project/dagre-d3/latest/demo/arrows.html
• 用户定义的形状和箭头：http : //cpettitt.github.io/project/dagre-d3/latest/demo/user-defined.html