如何在d3饼图中的切片坐标中画点？

var svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height)
  .append("g")
  .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

var pie = d3.pie()
  .value(function(d) { return d.value; })
  .sort(null);
  
var data = [ /* 数据数组 */ ];
var arcs = pie(data);

var arc = d3.arc()
  .innerRadius(0)
  .outerRadius(radius);
  
svg.selectAll("path")
  .data(arcs)
  .enter()
  .append("path")
  .attr("d", arc)
  .attr("fill", function(d) { return color(d.data.label); });

svg.selectAll("circle")
  .data(arcs)
  .enter()
  .append("circle")
  .attr("cx", function(d) { 
    var centroid = arc.centroid(d);
    return centroid[0]; 
  })
  .attr("cy", function(d) { 
    var centroid = arc.centroid(d);
    return centroid[1]; 
  })
  .attr("r", 3)
  .attr("fill", "black");