title: How to word wrap legend labels in d3
body: <p>I am using an aster plot of d3,with legend labels around the arc.</p>
  
  <p>A working example <a href="http://plnkr.co/edit/movNX7J0GKlFYUdVYi0m?p=preview" rel="nofollow">here</a>.</p>
  
  <pre><code>var text = arcs.append("svg:text")
  .attr("transform", function(d) {
      d.outerRadius = outerRadius + 75;
      d.innerRadius = outerRadius + 70;
      return "translate(" + arc.centroid(d) + ")";
  })
  .attr("text-anchor", "middle") //center the text on it's origin
  .style("fill", "black")
  .style("font", "bold 12px Arial")
  .text(function(d, i) { return dataSet[i].legendLabel; }) // &lt;- split this into multiple lines?
  </code></pre>
  
  <p>But i want to break the long label in new lines, how can i achieve it?</p>
  
  <p>Thanks</p>