title: How to add labels into Chart.js canvas plugin?
body: <p>I'm using the awesome plugin <a href="http://www.chartjs.org/" rel="noreferrer"><strong>Chart.js</strong></a>, and I'm trying to find the way of display labels within each percentage. So I googled it, and I found this pull: <a href="https://github.com/nnnick/Chart.js/pull/35" rel="noreferrer">https://github.com/nnnick/Chart.js/pull/35</a></p>
  
  <p>I did a simple fiddle to test it, but doesn't works: <strong><a href="http://jsfiddle.net/marianico2/7ktug/1/" rel="noreferrer">http://jsfiddle.net/marianico2/7ktug/1/</a></strong></p>
  
  <p>This is the content:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;canvas id="canvas" height="450" width="450"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(document).ready(function () {
      var pieData = [{
          value: 30,
          color: "#F38630",
          label: 'HELLO',
          labelColor: 'black',
          labelFontSize: '16'
      }, {
          value: 50,
          color: "#E0E4CC"
      }, {
          value: 100,
          color: "#69D2E7"
      }];
  
      var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData, {
          labelAlign: 'center'
      });
  });
  </code></pre>
  
  <hr>
  
  <p>I'm afraid there is no information about this in the <a href="http://www.chartjs.org/docs/" rel="noreferrer">documentation</a>.</p>
  
  <p>Also I'd like to know how to display a label for each portion, but outside the chart. Linked by a line. As do the charts of <a href="http://www.highcharts.com/demo/pie-basic" rel="noreferrer">highcharts.js</a>.</p>
  
  <p>By the way, I'd be glad if you recommend me an html5 chart alternative which includes the options I said above. I've heard about the <a href="http://www.flotcharts.org/flot/examples/series-pie/index.html" rel="noreferrer">flot</a> plugin, but I'm afraid does not support animations... </p>
  
  <p>If you need more info, let me know and I'll edit the post.</p>