show back graphs

This commit is contained in:
Tykayn 2025-06-23 23:49:48 +02:00 committed by tykayn
parent 884c190ee5
commit 4eb95d5b95

View file

@ -213,7 +213,16 @@
</div> </div>
</div> </div>
<div id="map" style="height: 400px; width: 100%; margin-bottom: 1rem;"></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"> <div id="attribution">
<a href="https://www.openstreetmap.org/copyright">Données OpenStreetMap</a> <a href="https://www.openstreetmap.org/copyright">Données OpenStreetMap</a>
</div> </div>
@ -278,20 +287,7 @@
Un commerce parfaitement renseigné aura un score de 100%.</p> Un commerce parfaitement renseigné aura un score de 100%.</p>
</div> </div>
</div> </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 class="accordion mb-3" id="accordionStats"> <div class="accordion mb-3" id="accordionStats">
<div class="accordion-item"> <div class="accordion-item">
@ -537,6 +533,8 @@
const labels = sortedTags.map(item => item[0]); const labels = sortedTags.map(item => item[0]);
const data = sortedTags.map(item => item[1]); const data = sortedTags.map(item => item[1]);
const container_tags= document.getElementById('repartition_tags'); const container_tags= document.getElementById('repartition_tags');
console.log('répartition', tagsCount, container_tags)
if(!container_tags){ if(!container_tags){
console.log('pas de container_tags', container_tags) console.log('pas de container_tags', container_tags)
return; return;
@ -573,7 +571,7 @@
}, },
options: { options: {
responsive: true, responsive: true,
maintainAspectRatio: false, maintainAspectRatio: true,
plugins: { plugins: {
legend: { legend: {
position: 'right', position: 'right',