在d3 pie / donut图表中转换标签

Question

我正在制作一个可以在几个不同数据集之间切换的圆环图。我已经能够很好地转换切片，并使用arc.centroid定位标签，但我无法弄清楚如何将弧补间功能应用于标签。我想我差不多了，任何提示都会受到赞赏。

以下是一个实例：http://jsbin.com/otAjUSO/1/edit?html,output

Answer 1

同样向标签组添加相同的过渡效果

<强> DEMO

 label_group.data(pie)
  .transition().duration(750)
  .attr("transform", function(d) {
    var c = arc.centroid(d);
  return "translate(" + c[0] +"," + c[1] + ")";
    })

Answer 2

只需向群组添加转换：

label_group.data(pie)
  .transition().duration(750)
  // The above transition is all you need
  .attr("transform", function(d) {
    var c = arc.centroid(d);
    return "translate(" + c[0] +"," + c[1] + ")";
  });