d3.js sankey链接颜色

d3.js sankey链接颜色,d3.js,sankey-diagram,D3.js,Sankey Diagram,我正在寻找使链接颜色与d3 sankey图表中的节点填充颜色相同 我使用以下函数来获取节点颜色 function getNodeColor(d){ console.log(d3.rgb(d.color).darker(2)); return d3.rgb(d.color).darker(2); } 下面是我绘制链接文本颜色的代码 // add in the title for the nodes node.append("text")

我正在寻找使链接颜色与d3 sankey图表中的节点填充颜色相同

我使用以下函数来获取节点颜色

function getNodeColor(d){
          console.log(d3.rgb(d.color).darker(2));
          return d3.rgb(d.color).darker(2);
}
下面是我绘制链接文本颜色的代码

// add in the title for the nodes
    node.append("text")
        .attr("x", -6)
        .attr("y", function(d) { return d.dy / 2; })
        .attr("dy", ".35em")
        .attr("text-anchor", "end")
        .attr("transform", null)
        .text(function(d) { return d.name; })
        .filter(function(d) { return d.x < width / 2; })
        .attr("x", 6 + sankey.nodeWidth())
        .attr("text-anchor", "start")
        .style("stroke", getNodeColor);
我是d3 sankey的新手,我会跟随

感谢你的帮助


底线:我正在寻找使sankey图表的链接/和弦颜色与rect fill color的链接/和弦颜色相同…

您可以使用以下代码为图形中的链接使用源节点颜色。如果希望使用目标节点颜色,也可以使用
target.color

svg.selectAll(".link")
  .style('stroke', function(d){
    return d.source.color;
  })

此代码需要放在设置节点颜色的代码之后。

您可以使用以下代码为图形中的链接使用源节点颜色。如果希望使用目标节点颜色,也可以使用
target.color

svg.selectAll(".link")
  .style('stroke', function(d){
    return d.source.color;
  })

此代码需要放在设置节点颜色的代码之后。

在的帮助下实现了渐变,谢谢!在的帮助下实现了渐变,谢谢!