d3.js sankey图:“.dy”和.dx“在哪里设置?

时间:2015-08-12 23:03:28

标签: d3.js svg pixels sankey-diagram

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

此网址上有一个重要的代码块用于上下文,但我想问一下这段话:

  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”参考?如何/在哪里准确设置?我没有在其较大的代码段落或其数据源中看到明确的引用。我现在继续谷歌搜索,但如果你知道一个简单的答案或资源,我将非常感谢你的帮助。现在我最好的猜测是,sankey插件的某些部分或链接类通过查看节点矩形的大小和位置来动态设置它。

1 个答案:

答案 0 :(得分:1)

它发生在.layout来电的{{1}}内部。请参阅dx here和dy here