获取chart.js填充垂直空间

Question

我找到了lots of answers，以获取chart.js地块来填充水平空间的方法（使用选项{{1} }），但它们仅提供垂直空间的两种行为之一：

• responsive = true均为maintainAspectRatio，并且宽度改变时，垂直尺寸会自动调整以保留宽高比。
• 或者true是maintainAspectRatio，并且垂直尺寸是固定的。

有没有办法创建可以填充可用的垂直空间的图？

我知道我可以使用false布局创建一个flex来填充垂直空间，因此我尝试将其直接用于图表：

div

或通过将<div syle="display: flex; flex-direction: column;"> <div id="header">Foo</div> <canvas id="plot" style="flex-grow: 1"></canvas> </div> 包装在canvas flex中：

div

始终与<div syle="display: flex; flex-direction: column;"> <div id="header">Foo</div> <div style="flex-grow: 1"> <canvas id="plot"></canvas> </div> </div> 一起使用，但是该图永远不会填充垂直空间。