title: Chart.js pie chart overflowing div
body: <p>I'm having trouble getting a Chart.js (v2.6) pie chart to fit into a bootstrap div. The width is responsive, but the height overflows. I have the height set to <code>210px</code> with <code>statcard-fixed-height</code> as you can see in the fiddle. The box maintains that height but the chart does not.</p>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;div class="row"&gt;
      &lt;div class="col-lg-1 m-b"&gt;
          &lt;div id="new-old" class="statcard statcard-primary statcard-bg statcard-fixed-height-lg"&gt;
              &lt;div class="p-a"&gt;
                  &lt;span class="statcard-desc"&gt;New vs. Returning Users&lt;/span&gt;
                  &lt;canvas id="myPieChart"&gt;&lt;/canvas&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt; 
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>result = [{
      label: "New Users",
      data: 48.8
  }, {
      label: "Returning Users",
      data: 51.2
  }];
  
  var labels = [],
      data = [];
  for (var i = 0; i &lt; result.length; i++) {
      labels.push(result[i].label);
      data.push(result[i].data);
  }
  var ctx = document.getElementById("myPieChart").getContext("2d");
  new Chart(ctx, {
      type: 'pie',
      data: {
          labels: labels,
          datasets: [{
              label: 'New vs Returning Users',
              fill: false,
              backgroundColor: ["#9F86FF", "#1BC98E"],
              lineTension: 0.1,
              data: data
          }]
      },
      options: {
          responsive: true,
          legend: {
              display: true,
              position: 'right',
              labels: {
                  fontColor: '#fff'
              }
          },
          elements: {
              arc: {
                  borderWidth: 0
              }
          }
      }
  });
  ctx.height = 100;
  </code></pre>
  
  <p>Fiddle: <a href="https://jsfiddle.net/3d6hqhc1/1/" rel="nofollow noreferrer">https://jsfiddle.net/3d6hqhc1/1/</a></p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Simpler fiddle: <a href="https://jsfiddle.net/m80xxxv8/1/" rel="nofollow noreferrer">https://jsfiddle.net/m80xxxv8/1/</a></p>