diff options
| author | user <user@node5.net> | 2024-03-24 01:44:41 +0100 |
|---|---|---|
| committer | user <user@node5.net> | 2024-03-24 01:44:41 +0100 |
| commit | e5254d253900d830f8e9f5011266811c356d4323 (patch) | |
| tree | 3949720d36662d126664a69c66386fea682860cb /src | |
| parent | 261a5ca6cf3048c067ff77e4ab98dbb6cc135f4c (diff) | |
chart responsive
Diffstat (limited to 'src')
| -rw-r--r-- | src/static/histogram.js | 3 | ||||
| -rw-r--r-- | src/templates/chart.html | 4 |
2 files changed, 6 insertions, 1 deletions
diff --git a/src/static/histogram.js b/src/static/histogram.js index 6046766..d76fc60 100644 --- a/src/static/histogram.js +++ b/src/static/histogram.js @@ -10,6 +10,9 @@ var myChart = new Chart(ctx, { datasets: datasets }, options: { + responsive: true, + maintainAspectRatio: false, + scales: { y: { stacked: true, diff --git a/src/templates/chart.html b/src/templates/chart.html index fdd6f7f..213ace5 100644 --- a/src/templates/chart.html +++ b/src/templates/chart.html @@ -1,4 +1,6 @@ -<canvas id="histogram"></canvas> +<div style="height: 30em"> + <canvas id="histogram"></canvas> +</div> <script defer> var datasets = {{ histogram_data|safe }} |