小编bul*_*ark的帖子

我用 chart.js 创建了一个简单的响应式 HTML + JS 图表，效果很好。我决定在 Vue CLI 中执行此操作，因此尝试将其切换到 vue-chartjs，但相同的图表总是呈现比我的窗口高约 33%，因此呈现垂直滚动条（宽度很好）。我用一个简单的示例图重新创建了这个问题，我用它来渲染：

import {Line} from 'vue-chartjs'
export default {
  extends: Line,
  mounted () {
    this.renderChart(data, options)
  } 
} 

请注意data是微不足道的options是{}。

如果我在我的 Vue 组件中使用 chart.js，而不是 vue-chartjs，那么它就可以正常工作。即我只是从我的组件中删除上述代码并将其更改为以下代码，然后它就可以正常呈现，就像我的示例 HTML + chart.js 版本一样。

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: '<canvas id="chart"></canvas>',
    mounted () {
        self.chart = mount('chart')
    }
}

我使用的是默认responsive: …