我正在寻找使链接颜色与 d3 sankey 图表中的节点填充颜色相同。
我正在使用以下函数来获取节点颜色
function getNodeColor(d){
console.log(d3.rgb(d.color).darker(2));
return d3.rgb(d.color).darker(2);
}
Run Code Online (Sandbox Code Playgroud)
以下是我绘制链接文本颜色的代码
// 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);
Run Code Online (Sandbox Code Playgroud)
以上工作完美,文本显示节点文本与节点颜色。当我尝试以相同的方式更改链接定义中的笔划值时,情况并非如此:
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); })
.style("stroke", getNodeColor)
.sort(function(a, …Run Code Online (Sandbox Code Playgroud)