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

时间:2015-06-11 12:52:08

标签: javascript d3.js colors visualization

我有一个使用d3完成的条形图,我想在栏上放置文字。如何为文本选择最易读的颜色,例如黑色的白色和其他的黑色?我无法选择条形颜色,但我知道当我附加文本时每个条形图的颜色。

PS:可能的副本是一般的Javascript解决方案,使用d3会更容易。

1 个答案:

答案 0 :(得分:2)

针对此的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的链接。