javascript - 具有不同笔划宽度的 d3 有向图

标签 javascript css d3.js force-layout directed-graph

我正在尝试使用 d3 制作一个简单的有向图。 我已经引用示例启动并运行了基本图表 http://bl.ocks.org/mbostock/1153292 , http://bl.ocks.org/d3noob/5155181http://bl.ocks.org/dustinlarimer/5888271

我面临的问题是,对于我的用例,我需要根据指定的边缘重量为边缘设置不同的宽度。现在,当我尝试更改“stroke-width”属性时,箭头标记的宽度也变得非常大(附上屏幕截图)enter image description here .

如果有人可以指出具体示例或提供快速解决方法的建议,我将不胜感激。

最佳答案

您可以为标记赋予 markerUnits 属性和 userSpaceOnUse 值,这会覆盖默认大小调整行为:

.attr('markerUnits', 'userSpaceOnUse')

关于javascript - 具有不同笔划宽度的 d3 有向图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29273372/

相关文章:

html - 将 div 和脚本转换为单个 iframe

javascript - 在 DC 中为 D3 绘制多维

javascript - SVG `<path>` 不精确

javascript - java backing bean加载图片后自动调用JS函数

html - 在页面中重叠两个单独的 div

html - 如何在 Bootstrap Navbar 中定位此 <li> 元素?

javascript - svg 元素被裁剪

javascript - typescript 要求模板文字

javascript - 类型错误 : Cannot call method 'replace' of null - Backbone. js

javascript - TextureLoader 中的 onLoad 不起作用?