title: Vue-chartjs is rendering my responsive chart too tall for my window
body: <p>I created a simple responsive HTML + JS chart with chart.js which worked well. I decided to do it within Vue CLI and so have tried to switch it to vue-chartjs but the same chart always renders about 33% taller than my window and so presents vertical scrollbars (the width is fine). I recreated the problem with a sample trivial graph which I render with:</p>
  
  <pre><code>import {Line} from 'vue-chartjs'
  export default {
    extends: Line,
    mounted () {
      this.renderChart(data, options)
    } 
  } 
  </code></pre>
  
  <p>Note the <code>data</code> is trivial and the <code>options</code> are <code>{}</code>.</p>
  
  <p>If I use chart.js in my Vue component, instead of vue-chartjs then it works fine. I.e. I do nothing more than delete the above code from my component and change it to the following then it renders fine, just like my sample HTML + chart.js version.</p>
  
  <pre><code>import Chart from 'chart.js'
  function mount(el) {
      return new Chart(
          document.getElementById(el).getContext('2d'), {
          type: 'line',
          data: data,
          options: options,
      })
  }
  
  export default {
      template: '&lt;canvas id="chart"&gt;&lt;/canvas&gt;',
      mounted () {
          self.chart = mount('chart')
      }
  }
  </code></pre>
  
  <p>I am using the default <code>responsive: true</code> and <code>maintainAspectRatio: false</code> of course, and have no explicit CSS or size settings anywhere.</p>
  
  <p>Why can I not get the chart to render the height correctly when I use vue-chartjs? I am using vue-chartjs version 3.4.2 but have also tried a few versions back. I have looked all over the github bug tracker but seen nothing related.</p>