基于数据d3.js绑定svg渐变

Question

我有一个条形图，但我唯一想要的是每个条形图的颜色应该与每个条形图和颜色渐变相关联的数据进行映射。

假设最小值应为浅绿色，中值应为白色，最高值应为深绿色

任何建议!!

Answer 1

您想要寻找一个缩放颜色域的线性刻度。

var color = d3.scale.linear()
    .domain([0, 0.5, 1])
    .range(['lime', 'white', 'green']);

// ...
some_selection.attr('fill', function(d,i) {return color(d)});

Fiddle