title: How to center labels inside a C3.js piechart
body: <p>The labels inside each piechart arc are at the edge. I want to make the text bigger using css (.c3-arcs text selector), but the text gets cut off. Is there a way to make the labels centered within each arc?</p>
  
  <p>Here's a <a href="http://jsbin.com/meyahayasi/edit?js,output" rel="nofollow noreferrer">jsbin demo</a></p>
  
  <p><a href="https://i.stack.imgur.com/52blh.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/52blh.jpg" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/ajNGh.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ajNGh.jpg" alt="enter image description here"></a></p>