如何将饼图的每个弧与用户定义的颜色绑定(对于每个弧)?

时间:2016-05-20 09:16:18

标签: javascript d3.js

       color=d3.scale.ordinal().domain(dataset.label)
       .range(temp);

dataset.label是域(弧标签),用户将为其提供颜色要求.temp是用户给出的值数组。

1 个答案:

答案 0 :(得分:1)

希望此代码示例有所帮助。

假设,dataset.label是数据集中的标签数组;其中dataset是一个对象数组,temp是一个颜色代码数组。

var  color=d3.scale.ordinal().domain(dataset.label)
       .range(temp);

var g = svg.selectAll(".arc")
      .data(pie(dataset))
      .enter().append("g")
      .attr("class", "arc");

g.append("path")
      .attr("d", arc)
      .style("fill", function(d) { return color(d.label); });