【发布时间】:2021-03-31 20:22:41
【问题描述】:
我希望this sankey 图中的蓝色比链接颜色更亮,但由于某种原因,它适用于所有其他颜色而不是蓝色。菜鸟在这里,提前感谢您的帮助。
【问题讨论】:
标签: d3.js diagram sankey-diagram observablehq
我希望this sankey 图中的蓝色比链接颜色更亮,但由于某种原因,它适用于所有其他颜色而不是蓝色。菜鸟在这里,提前感谢您的帮助。
【问题讨论】:
标签: d3.js diagram sankey-diagram observablehq
不工作的原因是因为在 RGB 蓝色 (0, 0, 255) 上调用更亮只会使蓝色通道更高 - 但它不能高于 255,所以结果相同。
解决方案是使用 HSL(就像在 .brighter(0.5) 之后添加 .formatHsl() 一样简单
所以而不是:
return d3.color(d.targetLinks[0].color).brighter(0.5);
应该是
return d3.color(d.targetLinks[0].color).brighter(0.5).formatHsl();
它成功了。
完整的解决方案和更多信息在这里https://talk.observablehq.com/t/flow-o-matic-brighter-nodes/4856/2
【讨论】: