具有不同行程宽度的d3有向图

Question

我正在尝试使用d3创建一个简单的有向图。 我已启动基本图表，并参考示例http://bl.ocks.org/mbostock/1153292，http://bl.ocks.org/d3noob/5155181和http://bl.ocks.org/dustinlarimer/5888271

我面临的问题是，对于我的用例，我需要根据指定的边缘权重为边缘设置不同的宽度。现在，当我尝试更改“stroke-width”属性时，箭头标记的宽度也变得非常大（附加屏幕截图）。

如果有人可以指出一个具体的例子或为此提供快速解决方法的建议，我将非常感激。

Answer 1

您可以为标记提供markerUnits属性userSpaceOnUse值，该值会覆盖默认的大小调整行为：

.attr('markerUnits', 'userSpaceOnUse')