title: Charts.js sets canvas width/height to 0 and displays nothing
body: <p>I am trying to use Charts.js to make the default line plot that they show in their example dynamically and put it in a div that I pop up on a user click.  My code is like this:</p>
  
  <pre><code>this.chartCanvas = document.createElement('canvas');
  this.div.appendChild(this.chartCanvas);
  this.chartCanvas.style.height = '480px';
  this.chartCanvas.style.width = '900px';
  this.chartCanvas.width = 900;
  this.chartCanvas.height = 480;
  this.ctx = this.chartCanvas.getContext('2d');
  
  this.chart = new Chart(this.ctx).Line(data);
  </code></pre>
  
  <p>When I make the call to "new Chart" my canvas height and width are set to 0 as I can see in the inspector.  When I comment out this call my canvas has the proper width/height and displays as one would expect.  If I manually change the canvas height/width in the inspector my chart still doesn't display.</p>
  
  <p>My "data" object is just what I cut and paste directly from their line chart example here: <a href="http://www.chartjs.org/docs/#line-chart-example-usage" rel="noreferrer">http://www.chartjs.org/docs/#line-chart-example-usage</a></p>
  
  <p>Can anyone provide some insight on where I might be going wrong, I am completely new to the library.</p>