小编Aru*_*run的帖子

d3.js sankey 链接颜色

我正在寻找使链接颜色与 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)

d3.js sankey-diagram

2
推荐指数
1
解决办法
2697
查看次数

标签 统计

d3.js ×1

sankey-diagram ×1