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

【问题标题】：bind svg gradient based on data d3.js基于数据d3.js绑定svg渐变
【发布时间】：2015-03-27 05:41:06
【问题描述】：

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

说最小值应该是浅绿色，中等值应该是白色，最大值应该是深绿色

任何建议！

【问题讨论】：

标签： javascript d3.js bar-chart data-visualization

【解决方案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

【讨论】：