window.updateChart = (data, year) => {
    setTimeout(() => {
        const canvas = document.getElementById('citationChart');
        if (!canvas) {
            console.error("Erreur: Le canvas #citationChart n'existe pas.");
            return;
        }

        const ctx = canvas.getContext('2d');
        if (!ctx) {
            console.error("Erreur: Impossible d'obtenir le contexte 2D.");
            return;
        }

        // Détruire complètement l'instance précédente du graphique
        if (window.citationChartInstance) {
            window.citationChartInstance.destroy();
            window.citationChartInstance = null;
        }

        // Liste des mois
        const mois = [
            "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
            "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
        ];

        // S'assurer que tous les mois sont présents avec une valeur par défaut de 0
        const values = mois.map(m => data[m] || 0);

        // Création du graphique sans zoom
        window.citationChartInstance = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: mois,
                datasets: [{
                    label: `Commentaires en ${year}`,
                    data: values,
                    backgroundColor: 'rgba(54, 162, 235, 0.6)',
                    borderColor: 'rgba(54, 162, 235, 1)',
                    borderWidth: 1
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                scales: {
                    x: {
                        ticks: { autoSkip: false }
                    },
                    y: {
                        beginAtZero: true
                    }
                },
                plugins: {
                    legend: { display: true }
                }
            }
        });

    }, 500);
};
