如何选择清晰的颜色在 d3js 图表中的条形图上绘制文本?

Dav*_*ker 3 javascript visualization colors d3.js

我有一个使用 d3 完成的条形图,我想在条形图上添加文本。如何为文本选择最清晰的颜色,例如黑色条为白色,其他条为黑色?我无法选择条形颜色,但当我附加文本时,我确实知道每个条形的颜色。

PS:可能的重复是通用的 Javascript 解决方案,使用 d3 更容易。

Dav*_*ker 7

d3 对此的具体解决方案很简单:

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

感谢@Jamiec 提供的链接。