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