title: ChartJS Line chart causes browser crash
body: <p>I am updating a Line chart using HTTP get through ngResource and a rest API. 
  My technique is to get the JSON dataset and create a new chart every time a user is clicking on a button.
  It works great, but at one time, it causes the browser crash. I have tested on Chrome, Firefox on both Windows and Linux.</p>
  
  <p>In my controller :</p>
  
  <pre><code>$scope.labels = $scope.dataFromREST;
  $scope.series = ['Series A'];
  $scope.data = [$scope.dataFromREST2];
  $scope.onClick = function (points, evt) {
      console.log(points, evt);
  };
  $scope.datasetOverride = [{ yAxisID: 'y-axis-1' }];
  $scope.options = {
      scales: {
          yAxes: [
              {
                  id: 'y-axis-1',
                  type: 'linear',
                  display: true,
                  position: 'left'
  
              }
          ],
          xAxes: [{
              responsive: true,
              ticks: {
                  autoSkip: true,
                  maxTicksLimit: 20
              }
          }]
  
      }
  
  };
  </code></pre>
  
  <p>In my index.html :</p>
  
  <pre><code>&lt;canvas id="line" class="chart chart-line" chart-data="data"
                      chart-labels="labels" chart-series="series" chart-options="options"
                      chart-dataset-override="datasetOverride" chart-click="onClick"&gt;
              &lt;/canvas&gt;
  </code></pre>
  
  <p>Is there a way to just update or refresh the Line Chart with the $scope.dataFromREST data received and not create a new Chart object every time? (Because I think, the crash come from creating a new chart every time) I see the ".update()" function, but I can't seem to get it to work.
  I have also tried the ".destroy()" and I am still getting the browser wind up to crash.</p>
  
  <p>How can I get rid of that crash? Please help!</p>