트위닝되지 않은 슬라이스에 대한 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/