D3.js 在饼图中画圆-d3图表

您好，我已经使用创建了一个饼图

---

如何在每个圆弧内添加一个圆-示例。需要在25-44饼图中画两个圆，在18-24饼图中画两个圆，在18-24饼图中画两个圆你可以像在饼图上做标签一样做

//arc for 1st circle
var circleArc1 = d3.svg.arc()
    .outerRadius(radius - 70)
    .innerRadius(radius - 70);

//arc for 2nd circle
var circleArc2 = d3.svg.arc()
    .outerRadius(radius - 100)
    .innerRadius(radius - 100);

然后使用圆弧函数计算平移

      g.append("circle")
          .attr("transform", function(d) { return "translate(" + circleArc1.centroid(d) + ")"; }) //use arc 1
          .style("fill", "purple")
          .attr("r", "10");

  g.append("circle")
      .attr("transform", function(d) { return "translate(" + circleArc2.centroid(d) + ")"; }) //use arc2
      .style("fill", "violet")
      .attr("r", "10")

---

工作代码

谢谢。。但是我有n个圆，我想把它们放在每个弧里面。在您的解决方案中，您已找到使用硬编码值radius-70的circleArc1，对于circleArc2=radius-100，…请帮助。。需要在弧内添加这些圆，但每个圆不超过70、100。请写出完整的正确问题。由于提供了解决方案，更改要求不是一个好的做法。当然。我已使用创建了一个圆包装。我想代表馅饼里面的包装，我想代表馅饼里面的包装（馅饼里面的圆圈）。请帮忙