颜色未正确呈现饼图 d3

Colour not rendering properly Pie Chart d3

本文关键字：d3 颜色      更新时间：2023-09-26

我今天在D3中制作饼图（有趣！

好的，我遇到的问题是颜色分配不正确。

这是jsfiddle：

https://jsfiddle.net/zh34ud25/5/

大多数（？）相关代码：

var color = d3.scale.ordinal()
  .range(["#71b2b9", "#dcdcdc"]);
color.domain(d3.keys(dataUnbilledRevenue[0].values[0]).filter(function(key) { 
  if (key === 'Unbilled_Revenue'
   || key === 'Billed_Revenue') {
      return key
  }
}));

// This returns the data into two separate objects which can be graphed.
// In this case, Amount and Quantity.
var datasets = color.domain().map(function(name) {
  return {
    name: name,
    values: dataUnbilledRevenue.map(function(d) {
      return {
        Value: +d.values[0][name]
      };
    })
  };
});

这很简单，这样做会给馅饼颜色：

   pieValues.append("path")
      .attr("d", arc)
      .attr('class', 'pie-point')
       .style("fill", function(d) {
         return color(d.data.name)
       })

工作代码在这里

相关文章：