title: Legend showing undefined in angular chart
body: <p>I'm using <strong>angular-chart.js</strong> to draw charts in my application. But i am facing a problem. Chart legend is showing <strong>undefined</strong> instead of labels.</p>
  
  <p>My <strong>js</strong> code:</p>
  
  <pre><code>        $scope.labels_std = ['Total Students', 'Submitted fee', 'Has to submit'];
          $scope.options = {legend: {display: true, position: 'bottom'}};
          $scope.colors = ['#4D5360', '#949FB1', '#97BBCD'];
          $scope.data_std = [
                      $scope.allCount.students, 
                      $scope.allCount.fees, 
                      $scope.allCount.students - $scope.allCount.fees
                  ];
  </code></pre>
  
  <p><strong>Markup is</strong>:</p>
  
  <pre><code>&lt;canvas id="bar" class="chart chart-bar" chart-labels="labels_std" chart-data="data_std" chart-colors="colors" chart-options="options"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>But the <strong>result</strong> is this:</p>
  
  <p><a href="https://i.stack.imgur.com/b7iBU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b7iBU.png" alt="enter image description here"></a></p>