在两个颜色值之间创建动态 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']);