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

Question

我有一个带颜色功能的d3饼图：

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

如果只有两个值/件，则可行。但如果还有更多，我想在两者之间选择颜色。

上面有3个饼图，标有“费用3”的部分的颜色介于#0075B4和#70B5DC之间。

这可能与d3有关吗？这是我到目前为止的一个小问题：http://jsfiddle.net/9ruzntrr/1/

Answer 1

是的，只需使用线性比例的颜色：

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