osm-commerces/assets/stats-charts.js

// 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();
});