d3.js sankey链接颜色
我正在寻找使链接颜色与d3 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")
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;
})
此代码需要放在设置节点颜色的代码之后。在的帮助下实现了渐变,谢谢!在的帮助下实现了渐变,谢谢!