title: Angular-Charts - Pie Chart,show labels inside each slice of data
body: <p>I am learning stage of angular-chart-js. I am trying to use angular-chart.js to plot a pie chart. But I am unable to find a way for showing labels (not tooltips) on the pie chart, which describe each slice of data.</p>
  
  <p>Here is how I did it:
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('App').controller('Controller', ['$scope', '$http', '$location', '$window', '$routeParams',
      function($scope, $http, $location, $window) {
          var diskDataJson = {
              "data": [80, 12],
              "labels": [Used space, Free Space],
              "colours": ['#9AB6F0', '#C2D3F6']
          };
      
          $scope.pieDiskData = json;
      }
  ]);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;table border="0" width="100%"&gt;
    &lt;tr&gt;
      &lt;td style="border-left: 1px solid #0099CC" width="25%"&gt;
        &lt;center&gt;&lt;span&gt;&lt;label ng-bind-html="'load.static.dashboard.system.DUSAGE' | translate"/&gt;&lt;/span&gt;
        &lt;/center&gt;
        &lt;canvas id="pie33" class="chart chart-pie chart-xs ng-isolate-scope" height="120" width="240" data="pieDiskData.data" labels="pieDiskData.labels" colours="pieDiskData.colours" legend="true"&gt;&lt;/canvas&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>