title: Chart.js V2 formatting / styling labels
body: <p>So in version 1 of chart.js we could use legendTemplates to format and style where and how the labels of a chart showed up. However since switching to v2 I cannot seem to find an equivilant. See my example below of a pie chart with the labels way to condensed. 
  <a href="https://i.stack.imgur.com/35yDH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/35yDH.png" alt="enter image description here"></a></p>
  
  <p>Ideally I would be able use some form option to move, spread out or otherwise style these labels. </p>
  
  <p>Here is an example of the old legend template I used </p>
  
  <pre><code>legendTemplate : "&lt;ul class=\"&lt;%=name.toLowerCase()%&gt;-legend text-center\"&gt;&lt;% for (var i=0; i&lt;segments.length; i++){%&gt;&lt;li&gt;&lt;span style=\"background-color:&lt;%=segments[i].fillColor%&gt;\"&gt;&lt;/span&gt;&lt;%if(segments[i].label){%&gt;&lt;%=segments[i].label.capitalizeFirstLetter()%&gt;&lt;%}%&gt;&lt;/li&gt;&lt;%}%&gt;&lt;/ul&gt;"
  </code></pre>