首先，您可以将canvas Package 在div中。

<div id="chartWrapper">
  <canvas id="myChart"></canvas>
</div>

您可以使用插件核心API，并根据定义的data.barThickness和可见的datasets计算beforeRender挂钩中的图表高度。

plugins: [{
  beforeRender : chart => {        
    if (!chart.config.options.nonChartAreaHeight) {
      var yAxis = chart.scales.y;
      chart.config.options.nonChartAreaHeight = chart.height - (yAxis.bottom - yAxis.top);
    }      
    const labelCount = chart.data.labels.length;
    const datasetCount = chart.data.datasets.map((ds, i) => chart.getDatasetMeta(i)).filter(m => !m.hidden).length;
    const chartAreaHeight = labelCount * datasetCount * chart.data.barThickness * 1.2;
      document.getElementById("chartWrapper").style.height = (chartAreaHeight + chart.config.options.nonChartAreaHeight) + 'px';      
  }
}],

然后，您还需要定义option.maintainAspectRatio: false，以防止Chart.js调整canvas的大小。
请看下面的可运行代码，看看它是如何工作的。
第一个