So I'm making a pie chart, and I am attempting to recreate this
However, I can barely position my text labels to not get obscured by the pie slices. Here is my jsFiddle
Setting the z-index
for the text
attribute in the above fiddle doesn't inhibit it from being obscured.
In addition, how can I assure that the labels are outside the pie chart? I tried setting an offset from the center on the labels, but then they are obscured by the edges of the svg.
Any input would be awesome.