title: Render a legend on angular-chart.js doughnut chart
body: <p>I've followed angular-chart.js documentation, and created a chart, but am unable to render a legend with it. I don't understand why its not working.</p>
  
  <p>Documentation: <a href="http://jtblin.github.io/angular-chart.js/" rel="noreferrer">http://jtblin.github.io/angular-chart.js/</a> <br>
  Similar SO question: <a href="https://stackoverflow.com/questions/33614469/how-to-color-legend-in-angular-chart-js">How to color legend in angular-chart.js</a></p>
  
  <pre><code>&lt;div class="panel-body" ng-controller="CircleCtrl" style="display: block;"&gt;
      &lt;div class="chart-container" style="width:400px; height:200px;"&gt;
          &lt;canvas id="doughnut"
              class="chart chart-doughnut"
              chart-data="data"
              chart-labels="labels"
              chart-colours="colours"
              chart-legend="true"&gt;
          &lt;/canvas&gt; 
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/rF4NV.png" rel="noreferrer"><img src="https://i.stack.imgur.com/rF4NV.png" alt="enter image description here"></a></p>
  
  <p>I've also tried defining an array for legend in the controller,</p>
  
  <pre><code>$scope.legend = ["complete", "incomplete"]
  </code></pre>
  
  <p>Per the accepted answer in the other SO question, <code>chart-legend="true"</code> should be enough to make it work.</p>
  
  <p>Does anyone have experience with this library and have an idea how to solve this issue?</p>