title: Chart.JS canvas gets larger every time drawn
body: <p>Working with the Chart.js library. Everytime I make an AJAX call and update the chart with the new data the chart gets larger (feels like its now resizing properly or zooming in).</p>
  
  <p>I've tried to destroy the chart every time I redraw it, however I get a "Cannot read property 'destroy' of undefined" error. Here's my bit of code.  </p>
  
  <pre><code>myLine.destroy();
  var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(barChartData);
  myLine.canvas.width = 800;
  myLine.canvas.height = 500;
  </code></pre>
  
  <p>I've also tried to fix this through the CSS, but the chart gets smaller instead in the canvas</p>
  
  <pre><code>canvas {
          width: 100% !important;
          max-width: 800px;
          height: auto !important;
  }
  </code></pre>
  
  <p>Thanks! </p>