Javascript 设置高度时，Chartjs条形图模糊

我使用的是chartjs 2.7.3，在设置包围画布的div大小时遇到问题。图像模糊，字母不可见，如下图所示：

代码是：

<div class="stackedChartClass">
     <canvas #stackedChart></canvas>
</div>

let stackedChartOptions: any = {
  responsive: false,
  legend: {
    position: 'right' // place legend on the right side of chart
  },
  scales: {
    xAxes: [{
      stacked: true // this should be set to make the bars stacked
    }],
    yAxes: [{
      stacked: true // this also..
    }]
  }
}

this.stackedChart = new Chart(pieCtx,
  {
    type: 'bar',
    data: this.stackedChartData,
    options: stackedChartOptions,
    responsive: true
  }
);

---

如何解决这个问题？

对于任何有相同问题的人，我在chartjs网站上找到了一个解决问题的工具，就像您需要设置

maintationaspectratio:false

.stackedChartClass>canvas {
    width: 100% !important;
    height: 50vh !important;
}