Я пытаюсь сделать мою круговую диаграмму Google отзывчивой. Структура HTML выглядит следующим образом:
<section id="daily-report-section">
<i class="fas fa-chart-bar general-icon"></i><span>Daily Report</span>
<div id="piechart_3d"></div>
</section>
Текущий CSS
#piechart_3d{
width: 1200px;
height: 900px;
margin-left: auto;
margin-right: auto;
}
#daily-report-section{
display: none;
}
Я пробовал наиболее распространенное решение оборачивания div круговой диаграммы (position: absolute
) в родительский div (position: relative
) но это не работает для меня.
Остальная часть моей страницы использует классы Bootstrap для отзывчивости, но это не относится к pie_chart
div. Что мне не хватает?