Javascript d3饼图/圆环图中标签的转换

Javascript d3饼图/圆环图中标签的转换,javascript,d3.js,Javascript,D3.js,我正在制作一个甜甜圈图表,可以在几个不同的数据集之间切换。我已经能够使切片很好地过渡,并且正在使用arc.centroid定位标签,但是我不知道如何将arc tweening函数应用于标签。我想我差不多明白了,任何提示都将不胜感激 下面是一个活生生的例子:只需向组中添加一个转换: label_group.data(pie) .transition().duration(750) // The above transition is all you need .attr("transf

我正在制作一个甜甜圈图表,可以在几个不同的数据集之间切换。我已经能够使切片很好地过渡,并且正在使用arc.centroid定位标签,但是我不知道如何将arc tweening函数应用于标签。我想我差不多明白了,任何提示都将不胜感激


下面是一个活生生的例子:

只需向组中添加一个转换:

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] + ")";
  });

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

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

哦,哇,这只是
.transition()
.attr()
方法的顺序。非常感谢。我接受了Manoj的回答,因为他包括了一个演示,但是谢谢!