D3颜色没有达到预期的效果

Question

我使用this plunker作为示例

我创建了具有相同色阶的this plunker

问题吗

我真的不明白以下功能如何运作

var color = d3.scale.ordinal()
                .range(["#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#ff8c00"]);

g.append("path")
      .attr("d", arc)
      .style("fill", function(d) { 
        //console.log('d: ' + JSON.stringify(d, null, 4));
        return color(d.value); })

我不确定如何通过使用颜色将我的饼图变为现实

Answer 1

如果您想要特定颜色，则可以更轻松地分配它们而不是使用刻度。您可能还想使用color scales D3 provides。

，而不是使用自定义比例