Bonjour à tous,

Je rencontre des difficultées pour afficher mes graphique sur une page voici mon code :

var options2 = {
        chart: {
            type: 'donut',
        },
            series: [sommeEpargne,sommeAssu, sommeRetraite,epargneMoyenterme,nonUtilise],
            labels: ['Liquidités','Assurance Vie','Retraite','Epargne moyen terme','Total non utilisé']
        
    }

    var options3 = {
        chart: {
            type: 'donut',
        },
            series: [idealLiquidite,idealAssuranceVie, idealEpargneMoyenTerme,idealRetraite,idealImmoLoc],
            labels: ['Liquidités','Assurance Vie','Retraite','Epargne moyen terme','Total non utilisé']
        
    }
      
    var chart2 = new ApexCharts(document.querySelector("#graph2"), options2);
    var chart3 = new ApexCharts(document.querySelector("#graph3"), options3);
    chart2.render();
    chart3.render();

et dans ma console j'ai l'erreur suivante :

Uncaught (in promise) Error: Element not found
    value https://cdn.jsdelivr.net/npm/apexcharts:38
    value https://cdn.jsdelivr.net/npm/apexcharts:38
    <anonymous> http://localhost/appli-assurance/public/inc/graphs2.js:117

Pouvez vous m'aider à corriger mon erreur s'il vous plait ?

merci d'avance

Sans plus de code, difficile de juger,

mais n'y aurais t-il pas un s en trop sur ton include ? inc/graphs2.js

C'est peut-être inc/graph2.js ? Si l'on suit ta logique de nommage de tes id .

sinon, rendez-vous à la ligne 117 de graphs2.js

cdt

-
Edité par gcyrillus 28 novembre 2024 à 3:08:41