title: D3.js placing text over arcs in a donut chart
body: <p>I am trying to place text over a donut chart with inner rings created with D3. The plunker code can be accessed here: <a href="http://plnkr.co/edit/AXH9lbY6wenTj1fOTwbU" rel="nofollow">plunker</a></p>
  
  <p>For placing the text over the arcs, I want to access the donutData array and place the values over each ring of the chart.</p>
  
  <pre><code>gs.append("text")
  .attr("transform", function(d){
      return "translate(" + arc.centroid(d) + ")";
  })
  .attr("text-anchor", "middle")
  .text(function(d,i){
      return donutData[i];
  });
  </code></pre>
  
  <p>Since the donutData array stores the values of  "actual" and "predicted" which it uses for creating the donut chart, I want those values to be placed over each of the arcs in the chart.</p>