不补间的切片的D3.js饼图标签

Question

当我点击各种超链接来补间我的图表时：虽然馅饼的切片正在补间，但我无法弄清楚如何带来每个切片的标签。

一个主要工作的JSfiddle就在这里：http://jsfiddle.net/lukateake/MX7JC/

提前感谢您提供给我的任何见解。我保证用我们发现的任何解决方案来更新小提琴，因为我想这个效果对于很多D3的人来说很有意义。

Answer 1

这里的主要问题是你的updateChart函数 - 当你将数据反弹到弧线时，你没有这样做sliceLabel :(第二行添加）

arcs.data(donut(data.pct)); // recompute angles, rebind data
sliceLabel.data(donut(data.pct));

另一件小事 - 你的切片标签文字选择似乎有点奇怪：

var sliceLabel = label_group.selectAll("text.value")

但是您没有使用class =＆＃34; value＆＃34;;这并没有真正影响很多，但可能会在其他实现中引起问题 - selectAll（＆＃34; text＆＃34;）或selectAll（＆＃34; text.arcLabel＆＃34;）可能更适合这里

在http://jsfiddle.net/MX7JC/9/

更新了小提琴