【问题标题】:Brighter node color in D3 sankey diagramD3 sankey 图中更亮的节点颜色
【发布时间】:2021-03-31 20:22:41
【问题描述】:

我希望this sankey 图中的蓝色比链接颜色更亮,但由于某种原因,它适用于所有其他颜色而不是蓝色。菜鸟在这里,提前感谢您的帮助。

【问题讨论】:

    标签: d3.js diagram sankey-diagram observablehq


    【解决方案1】:

    不工作的原因是因为在 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

    【讨论】:

    • 感谢您为未来搜索者的利益自我回答??
    猜你喜欢
    • 1970-01-01
    • 2016-10-23
    • 2015-04-14
    • 1970-01-01
    • 2015-02-17
    • 2015-12-22
    • 1970-01-01
    • 2016-07-06
    • 1970-01-01
    相关资源
    最近更新 更多