D3.js切片不補間的餅圖標籤

Question

當我點擊各種超級鏈接來補間我的圖表時：雖然餡餅的切片正在補間，但我無法弄清楚如何攜帶每個切片的標籤。

一個主要工作的jsfiddle是在這裏：提前爲您能給我提供任何見解http://jsfiddle.net/lukateake/MX7JC/

感謝。我承諾用我們發現的任何解決方案來更新小提琴，因爲我認爲這種效果是很多D3'ers感興趣的。

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 =「value」的文本;這並不會影響太多，但可能會在其他實現中導致問題 - selectAll（「text」）或selectAll（「text.arcLabel」）在這裏可能更合適。

更新提琴http://jsfiddle.net/MX7JC/9/