我有一个带有div的flex容器，其中我有一个带有chart.js图表的画布（maintainAspectRatio：false） . 单击某些按钮（更改其值和y轴范围）时，图表会自动更新 . div有一些指定的高度和宽度：
<div id="chart-container"
class="flex-item chart_class">
<canvas id="chart"></canvas>
</div>
类“flex-item”和“chart_class”的类别如下：
.flex-item{
flex: 1 1 auto;
}
.chart_class{
width:800px;
height:400px;
margin-left: 50px;
margin-top: 40px;
position: relative;
}
当我减小屏幕尺寸时，我希望图表减小尺寸 . 为此我实现了以下（例如768px）：
@media screen and (max-width: 768px) {
.chart_class {
width: 75%;
height: 75%;
}
}
这使得图表成功地减小了它的大小，但是当我点击按钮与它进行交互并且图表重新加载其新值时，我在控制台中得到以下错误，并且图表的大小看起来完全尴尬：
未捕获的TypeError：无法读取null的属性'currentStyle' - Chart.min.js：formatted：3626
有谁知道如何调整大小并避免此错误？