44 lines
1.9 KiB
JavaScript
44 lines
1.9 KiB
JavaScript
|
// Affichage du graphique de fréquence des mises à jour par trimestre sur la page stats d'une ville
|
||
|
|
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
function drawModificationsByQuarterChart() {
|
||
|
|
if (!window.Chart) {
|
||
|
|
setTimeout(drawModificationsByQuarterChart, 50);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (typeof window.modificationsByQuarter === 'undefined') return;
|
||
|
|
const modifData = window.modificationsByQuarter;
|
||
|
|
const modifLabels = Object.keys(modifData);
|
||
|
|
const modifCounts = Object.values(modifData);
|
||
|
|
const modifCanvas = document.getElementById('modificationsByQuarterChart');
|
||
|
|
if (modifCanvas && modifLabels.length > 0) {
|
||
|
|
new window.Chart(modifCanvas.getContext('2d'), {
|
||
|
|
type: 'bar',
|
||
|
|
data: {
|
||
|
|
labels: modifLabels,
|
||
|
|
datasets: [{
|
||
|
|
label: 'Nombre de lieux modifiés',
|
||
|
|
data: modifCounts,
|
||
|
|
backgroundColor: 'rgba(54, 162, 235, 0.7)',
|
||
|
|
borderColor: 'rgba(54, 162, 235, 1)',
|
||
|
|
borderWidth: 1
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
options: {
|
||
|
|
responsive: true,
|
||
|
|
plugins: {
|
||
|
|
legend: { display: false },
|
||
|
|
title: { display: true, text: 'Fréquence des mises à jour par trimestre' }
|
||
|
|
},
|
||
|
|
scales: {
|
||
|
|
y: { beginAtZero: true, title: { display: true, text: 'Nombre de lieux' } },
|
||
|
|
x: { title: { display: true, text: 'Trimestre' } }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} else if (modifCanvas) {
|
||
|
|
modifCanvas.parentNode.innerHTML = '<div class="alert alert-info">Aucune donnée de modification disponible pour cette ville.</div>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
drawModificationsByQuarterChart();
|
||
|
|
});
|