У меня есть приложение Angular 9, использующее Bootstrap 4 и ngx-charts 14.0.0. Я делаю информационную панель с несколькими диаграммами внутри карт начальной загрузки.
Проблема, с которой я сталкиваюсь, заключается в том, что когда я изменяю размер экрана, диаграмма продолжает расти и растет в высоту.
Похоже, родитель адаптируется к дочернему размеру, а потомок - к родительскому размеру, поэтому в конце концов он все ломает.
Вот блиц StackBlitz (измените размер страницы, чтобы увидеть проблему)
Поскольку я планирую, что моя панель управления будет отзывчивой на экране 4K или мобильном устройстве, я не планирую использовать фиксированную высоту ни для диаграмм, ни для карточек.
Есть ли способ решения этой проблемы? Является ли добавление другого фиксированного размера диаграммы (для разных точек останова макета приложения) единственным решением?
Спасибо.
РЕДАКТИРОВАТЬ: Я обнаружил проблемы в библиотеке ЗДЕСЬ , которые похоже на мою проблему, но без правильного ответа