D3.js 在两个颜色值之间创建动态d3颜色比例

D3.js 在两个颜色值之间创建动态d3颜色比例,d3.js,D3.js,我有一个带有颜色函数的d3饼图: var color = d3.scale.ordinal() .range(['#0075B4', '#70B5DC']); 如果只有两个值/块,则此操作有效。但是如果还有更多,我想在给定的两种颜色之间选择颜色 上面有3个饼图,标有“Cost 3”的饼图的颜色介于#0075B4和#70B5DC之间 d3有可能吗?以下是我到目前为止所掌握的一些知识:是的,只需使用线性比例的颜色即可: var color = d3.scale.linea

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

var color = d3.scale.ordinal()
            .range(['#0075B4', '#70B5DC']);
如果只有两个值/块,则此操作有效。但是如果还有更多,我想在给定的两种颜色之间选择颜色

上面有3个饼图,标有“Cost 3”的饼图的颜色介于
#0075B4
#70B5DC
之间


d3有可能吗?以下是我到目前为止所掌握的一些知识:

是的,只需使用线性比例的颜色即可:

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

域也是我丢失的一个关键组件。根据,它是
d3.scaleLinear()