如何选择清晰的颜色以在 d3js 图表的条形图上绘制文本？ [复制]答案

【问题标题】：How can I choose a legible color to draw text on a bar in a d3js chart? [duplicate]如何选择清晰的颜色以在 d3js 图表的条形图上绘制文本？ [复制]
【发布时间】：2015-08-27 04:20:37
【问题描述】：

我有一个使用 d3 完成的条形图，我想在条形上放置文本。如何为文本选择最清晰的颜色，例如暗条为白色，其他为黑色？我无法选择条形颜色，但我知道添加文本时每个条形的颜色。

PS：可能的重复是一个通用的 Javascript 解决方案，使用 d3 更容易。

【问题讨论】：

那里有一个我会研究的解决方案，但没有关于如何专门使用 d3js 做到这一点。
根据您的问题，我假设您知道如何设置文本/颜色 - (" 我无法选择条形颜色，但我知道添加时每个条形的颜色文本”）。无论如何，当我发现那个链接的答案时，我开始整理一个答案。也许小提琴可以帮助你：jsfiddle.net/rvvy2nfd

标签： javascript d3.js colors visualization

【解决方案1】：

d3 的具体解决方案很简单：

var color = .. function giving color of the bar ..
text.style("fill", function(d) { return d3.hsl(color(d)).l > 0.5 ? "#000" : "#fff" })

感谢@Jamiec 提供链接。

【讨论】：