Я хочу разместить несколько диаграмм на моей html-странице.
Макет сетки, который я имею в виду, в основном состоит из одной строки и двух столбцов.
высота и количество графиков в столбце 1 и столбце 2 будут различаться.
Не могли бы вы посоветовать, как я могу установить высоту своих графиков, используя эту настройку? я не уверен, какое свойство мне нужно настроить для достижения этой цели, скажем, установить высоту графиков равной 400px.
Моя страница в настоящее время выглядит так (я только добавил диаграммы в столбце 1), но мои диаграммы кажутся высокими и хотят уменьшить высоту.
мой HTML-код в настоящее время выглядит так:
<div class="container">
<div class="row">
<div class="col-lg-9">
<div class="container" style="display: flex; flex-direction: column">
<canvas id="c1"></canvas>
<canvas id="c2"></canvas>
<canvas id="c3"></canvas>
</div>
</div>
<div class="col-sm-3">
</div>
</div>
</div>
<script>
var ctx1 = document.getElementById("c1").getContext('2d');
var ctx2 = document.getElementById("c2").getContext('2d');
var ctx3 = document.getElementById("c3").getContext('2d');
...
var c1 = new Chart(ctx1, config1);
var c2 = new Chart(ctx2, config2);
var c3 = new Chart(ctx3, config3);
</script>
для записи, я использую flask / python / chart.js / для создания html-страницы
и в настоящее время это выглядит так
