title: Inserting a line break in text element in d3
body: <p>Referring to this graph, I would like to insert a line break in the text value for each data-point</p>
  
  <pre><code>var labels = svg.selectAll('text')
    .data(monthlySales)
    .enter()
    .append('text')
    .text(function(d) {
      return d.stock + "\n " + d.count;
    }).
  </code></pre>
  
  <p>I currently have something like the above. It does not insert any line break just a space. </p>
  
  <p>I have researched this and have seen some complex solutions. Is there a straightforward way to achieve this ?</p>
  
  <p>Plnkr : <a href="http://plnkr.co/edit/B33mAZPMdTRTm6imHxYq?p=info" rel="nofollow">http://plnkr.co/edit/B33mAZPMdTRTm6imHxYq?p=info</a></p>