From e5254d253900d830f8e9f5011266811c356d4323 Mon Sep 17 00:00:00 2001
From: user <user@node5.net>
Date: Sun, 24 Mar 2024 01:44:41 +0100
Subject: chart responsive

---
 src/static/histogram.js  | 3 +++
 src/templates/chart.html | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

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 }}
-- 
cgit v1.2.3