d3.js - 在两个颜色值之间创建动态 d3 色标

Question

我有一个带有颜色函数的 d3 饼图:

var color = d3.scale.ordinal()
            .range(['#0075B4', '#70B5DC']);

如果只有两个值/件，这有效。但如果有更多，我想在给定的两个之间选择颜色。



上面，有 3 个饼块，标有“成本 3”的饼块的颜色介于 #0075B4 之间。和 #70B5DC .

这可能与 d3 吗？这是迄今为止我所拥有的 jsfiddle:http://jsfiddle.net/9ruzntrr/1/

Answer 1

是的，只需在线性范围内使用颜色:

var color = d3.scale.linear().domain([costMin,costMax])
        .range(['#0075B4', '#70B5DC']);