【问题标题】:d3 directed graph with varying stroke-widths具有不同笔划宽度的 d3 有向图
【发布时间】:2015-05-30 04:03:25
【问题描述】:

我正在尝试使用 d3 制作一个简单的有向图。 我参考示例http://bl.ocks.org/mbostock/1153292http://bl.ocks.org/d3noob/5155181http://bl.ocks.org/dustinlarimer/5888271

启动并运行了基本图表

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

如果有人能指出一个具体的例子或提供快速解决此问题的建议,我将非常感激。

【问题讨论】:

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


    【解决方案1】:

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

    .attr('markerUnits', 'userSpaceOnUse')
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-04-13
      • 2022-10-04
      • 2017-04-23
      • 1970-01-01
      • 2021-07-23
      • 1970-01-01
      • 1970-01-01
      • 2014-12-29
      相关资源
      最近更新 更多