title: Add data dynamically to the charts in angular js
body: <p>I am using charts in my webapp and for that I am using angular-charts.
  The html file for charts is </p>
  
  <pre><code>    &lt;canvas id="pie" class="chart chart-pie" chart-data="data"
      chart-labels="labels"&gt;
      &lt;/canvas&gt;
  </code></pre>
  
  <p>and the controller file for this is</p>
  
  <pre><code>    angular.module('myApp')
      .controller('myController', function ($scope) { 
  
      $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"];
      $scope.data = [300, 500, 100];
      });
  </code></pre>
  
  <p>Now I just want to know how to add data dynamically into this pie chart.</p>
  
  <p>Thanks in advance</p>