From 4eb95d5b95d72df93cef528116f5eea1f22a1579 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Mon, 23 Jun 2025 23:49:48 +0200
Subject: [PATCH] show back graphs

---
 templates/admin/stats.html.twig | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/templates/admin/stats.html.twig b/templates/admin/stats.html.twig
index 4139545..1f0199c 100644
--- a/templates/admin/stats.html.twig
+++ b/templates/admin/stats.html.twig
@@ -213,7 +213,16 @@
         </div>
    </div>
         <div id="map" style="height: 400px; width: 100%; margin-bottom: 1rem;"></div>
-        <div id="repartition_tags" style="height: 300px; margin: 20px 0;"></div>
+        <canvas id="repartition_tags" width="600" height="300" style="max-width:100%; margin: 20px 0;"></canvas>
+        <div class="card">
+                    <div class="card-header">
+                        <i class="bi bi-calendar-event"></i> Fréquence des mises à jour par trimestre pour {{stats.name}}
+                    </div>
+                    <div class="card-body">
+                        <canvas id="modificationsByQuarterChart" style="min-height: 250px; width: 100%;"></canvas>
+                    </div>
+        </div>
+
         <div id="attribution">
             <a href="https://www.openstreetmap.org/copyright">Données OpenStreetMap</a>
         </div>
@@ -278,20 +287,7 @@
                 Un commerce parfaitement renseigné aura un score de 100%.</p>
             </div>
         </div>
-    </div>
-
-        <div class="row mb-4">
-            <div class="col-12">
-                <div class="card">
-                    <div class="card-header">
-                        <i class="bi bi-calendar-event"></i> Fréquence des mises à jour par trimestre pour {{stats.name}}
-                    </div>
-                    <div class="card-body">
-                        <canvas id="modificationsByQuarterChart" style="min-height: 250px; width: 100%;"></canvas>
-                    </div>
-                </div>
-            </div>
-        </div>
+    </div> 
 
         <div class="accordion mb-3" id="accordionStats">
             <div class="accordion-item">
@@ -537,6 +533,8 @@
         const labels = sortedTags.map(item => item[0]);
         const data = sortedTags.map(item => item[1]);
         const container_tags= document.getElementById('repartition_tags');
+
+        console.log('répartition', tagsCount, container_tags)
         if(!container_tags){
             console.log('pas de container_tags', container_tags)
             return;
@@ -573,7 +571,7 @@
                 },
                 options: {
                     responsive: true,
-                    maintainAspectRatio: false,
+                    maintainAspectRatio: true,
                     plugins: {
                         legend: {
                             position: 'right',