title: Angular ASP.NET Core Chart.js bug on chart rebuild when filtering the list of values
body: <p>I have the following error: TypeError: Cannot read property 'skip' of undefined.</p>
  
  <p>I have a method which builds a chart in my app. That happens OnInit</p>
  
  <pre><code>var ctx = document.getElementById("myChart");
  var chartInstance = new Chart(ctx);
  var myChart = new Chart(ctx, {
    type: 'line',
    data: {
      labels :this.equity,
      datasets: [{
        data: this.equity
      }]
    }
  });
  </code></pre>
  
  <p>}</p>
  
  <p>this.equity is an array of values that I calculate on the client side using data from the server. That is the list that I filter later on.</p>
  
  <p>Everything builds smoothly untill I start filtering. The chart is built upon values in a list. I have coded a filter that filters the list with various options. At the end of each filtering I call the method above again to rebuild the chart.</p>
  
  <p>Now here is where strange things start to happen. The chart rebuilds smoothly. I filter many times with different options and then at some point boom I get this error! It doesn't occur at some particular moment when I'm pressing on the filter, it just occurs.</p>
  
  <p>I think it is because every time I create a new chart object and supply it with new values. The variable for the values is the same as for the old object and that causes an error because at some point Angular checks out the old object and it has already got a new list of values which doesn't match the old list.</p>
  
  <p>Has this hapened to anyone? Does anybody now how do I null out the old chart object at the point when I create a new chart object so this possibly solves? Thanks!</p>