基于数据d3.js绑定svg梯度

bind svg gradient based on data d3.js

本文关键字：js 绑定 svg 梯度 d3 于数据 数据      更新时间：2023-09-26

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

比如最小值应该是浅绿色，中等值应该是白色，最高值条应该是深绿色

有什么建议！！

您想要寻找一个线性比例，它可以缩放颜色域。

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

相关文章：