title: Cannot make labels work on zoomable d3 sunburst
body: <p>After fiddling around for several hours now, I still cannot make labels work in my D3 Sunburst layout. Here's how it looks like:</p>
  
  <p><a href="http://codepen.io/anon/pen/BcqFu" rel="nofollow noreferrer">http://codepen.io/anon/pen/BcqFu</a></p>
  
  <p><img src="https://i.stack.imgur.com/PPtrw.gif" alt="enter image description here"></p>
  
  <p>I tried several approaches I could find online, here's a list of examples I tried with, unfortunately all failed for me:</p>
  
  <p>[cannot post link list because of new users restriction]</p>
  
  <p>and of course the coffee flavour wheel: <a href="http://www.jasondavies.com/coffee-wheel/" rel="nofollow noreferrer">http://www.jasondavies.com/coffee-wheel/</a> </p>
  
  <p>At the moment i fill the slices with a title tag, only to have it displayed when hovering over the element. For that I'm using this code:</p>
  
  <pre><code> vis.selectAll("path")
     .append("title")
     .text(function(d) { return d.Batch; });
  </code></pre>
  
  <p>Is there something similar I could use to show the Batch number in the slice?</p>
  
  <p>--</p>
  
  <p>More info: Jason Davies uses this code to select and add text nodes:</p>
  
  <pre><code>var text = vis.selectAll("text").data(nodes);
  var textEnter = text.enter().append("text")
    .style(...)
    ...
  </code></pre>
  
  <p>While the selection for his wheel gives back 97 results (equaling the amount of path tags) I only get one and therefore am only able to display one label (the one in the middle)</p>