Html 调整页面大小时卡片内容会扩展

我有一个

Angular

9应用程序，使用

Bootstrap

4和

ngx图表

14.0.0。 我正在制作一个仪表板，在引导卡中有多个图表

我面临的问题是，当我调整屏幕大小时，图表的高度会不断增加

看起来父对象适应子对象的大小，子对象适应父对象的大小，因此最终它会打破一切

这是一个闪电战（调整页面大小以查看问题）

因为我计划我的仪表板在4K屏幕或手机上响应，所以我不打算在图表和卡片上使用固定高度

是否有解决此问题的方法？添加不同的固定图表大小（针对不同的应用程序布局断点）是唯一的解决方案吗

多谢各位

编辑：我在库中发现一个问题，看起来像我的问题，但没有有效的答案