2012-05-08 13 views
1

私のチャートをトゥイーンするために、さまざまなハイパーリンクをクリックします:パイのスライスはトゥイーンですが、各スライスのラベルをどのように持っていくかはわかりません。スライスのD3.js円チャートラベル

ほとんどの作業JSfiddleはここにある:あなたは私を提供することができる任意の洞察力を事前にhttp://jsfiddle.net/lukateake/MX7JC/

感謝。私は、この効果が非常に多くのD3'ersにとって興味深いと想像しているように、我々が発見したあらゆる解決策で、フィドルを更新することを約束します。

答えて

2

ここでの主な問題は、あなたのupdateChart機能である - あなたがアークにデータをリバウンドながら、あなたはsliceLabelのためにそうしませんでした。(第2行を追加)

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/

関連する問題