how to create labels for data in donut chart using d3.js

Question

I have a donut chart which updates data on click. I want to add labels to the same data. I am currently using the d3.js javascript library. Here is my code on jsfiddle

What I don't understand it how to add labels to segments of the donut chart?

Answer 1

You have to use the arc.centroid function. Take a look at the following examples:

• 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