javascript - d3.js を使用してドーナツ グラフのデータのラベルを作成する方法

Question

クリック時にデータを更新するドーナツ チャートがあります。同じデータにラベルを追加したい。現在、d3.js JavaScript ライブラリを使用しています。 これがjsfiddleの私のコードです

ドーナツ チャートのセグメントにラベルを追加する方法がわかりません。

Answer 1

arc.centroid関数を使用する必要があります。次の例を見てください。

• http://jsfiddle.net/nrabinowitz/GQDUS/
• http://bl.ocks.org/2295263
• http://jsfiddle.net/MX7JC/9/
• http://blog.stephenboak.com/2011/08/07/easy-as-a-pie.html

Answer 2

http://nvd3.org/examples/pie.htmlまたはhttp://bl.ocks.org/Guerino1/2295263をご覧ください。コードを確認すると、この質問にかなり簡単に答えることができるはずです。楽しむ！