d3.js桑基图：“.dy”和“.dx”在哪里设置？

Question

我正忙于蚕食 http://www.d3noob.org/2013/02/sankey-diagrams-description-of-d3js-code.html 上关于 D3.js 桑基图的精彩教程。我想调整路径上的描边宽度设置。

这里URL有一段重要的代码块用于上下文，但我想问一下这段话：

  var link = svg.append("g").selectAll(".link")
      .data(graph.links)
    .enter().append("path")
      .attr("class", "link")
      .attr("d", path)
      .style("stroke-width", function(d) { return Math.max(1, d.dy); })
      .sort(function(a, b) { return b.dy - a.dy; });

看到那里的 "d.dy" 参考了吗？ How/where 到底是这样设置的？我没有在其较大的代码段或其数据源中看到对它的明确引用。我现在将继续使用谷歌搜索，但如果您知道一个简单的答案或资源，我将不胜感激您的帮助。现在我最好的猜测是 sankey 插件的某些部分，或 link class，通过查看节点矩形的大小和位置来动态设置它。

Answer 1

它发生在 sankey.js 调用的 .layout 内部。见 dx here and dy here.

d3.js桑基图：“.dy”和“.dx”在哪里设置？

d3.js sankey diagram: where does ".dy" and .dx" get set?

d3.js

svg

pixels

sankey-diagram