具有不同笔划宽度的 d3 有向图
d3 directed graph with varying stroke-widths
我正在尝试使用 d3 制作一个简单的有向图。
我有基本图表和 运行 参考示例 http://bl.ocks.org/mbostock/1153292 , http://bl.ocks.org/d3noob/5155181 and http://bl.ocks.org/dustinlarimer/5888271
我面临的问题是，对于我的用例，我需要根据指定的边缘重量为边缘设置不同的宽度。现在当我尝试更改"stroke-width" 属性时，箭头标记的宽度也变得非常大（附上截图）。
如果有人可以指出具体示例或提供快速解决方法的建议，我将不胜感激。
您可以为标记赋予 markerUnits 属性和 userSpaceOnUse 值，这会覆盖默认大小调整行为：
.attr('markerUnits', 'userSpaceOnUse')
我正在尝试使用 d3 制作一个简单的有向图。 我有基本图表和 运行 参考示例 http://bl.ocks.org/mbostock/1153292 , http://bl.ocks.org/d3noob/5155181 and http://bl.ocks.org/dustinlarimer/5888271
我面临的问题是，对于我的用例，我需要根据指定的边缘重量为边缘设置不同的宽度。现在当我尝试更改"stroke-width" 属性时，箭头标记的宽度也变得非常大（附上截图）
如果有人可以指出具体示例或提供快速解决方法的建议，我将不胜感激。
您可以为标记赋予 markerUnits 属性和 userSpaceOnUse 值，这会覆盖默认大小调整行为：
.attr('markerUnits', 'userSpaceOnUse')