ChartJS:我的标签更新了,但我的数据没有更新,

lawou6xi  于 12个月前  发布在  Chart.js
关注(0)|答案(1)|浏览(192)

又是我。仍然在尝试在我的网页上获取图表(我使用WEBDEV)。这里有更多的JavaScript问题,我认为...
我用这个函数创建图表:

function creerGraph()
{
    const ctx = document.getElementById("myChart");
    
    const config = {
        type: 'pie',
        data: [],
        options: [],
        plugins: [] 
    };
    
    chart = new Chart(ctx, config);
}

字符串
我用这个函数添加数据,其中tabDonnees是一个Structure表(2个成员):

function ajouteDonnees(tabDonnees)
{
    const colors = ['#fc5c65','#fd9644','#fed330','#26de81','#2bcbba','#45aaf2','#4b7bec','#a55eea','#778ca3'];
    
    for(var i = 0; i < tabDonnees.length; i++){
        chart.data.labels.push(tabDonnees[i].Libellé);
        
        chart.data.datasets.forEach((dataset)=> {
            dataset.data.push(tabDonnees[i].Nombre);        
            dataset.backgroundColor.push(colors[i]);
        });
    }

    chart.update();    
}


图表不可见,但我很确定这是因为没有数据。当我检查我的网页上的控制台时,标签在这里,但数据集仍然是空的。我已经在另一个项目上测试过这个,这个工作得很好,我不明白为什么它在这个项目上不工作。
我甚至尝试对代码做一些修改,比如在循环之前将标签和数据值放在变量中,但没有任何变化..

q0qdq0h2

q0qdq0h21#

我认为你的配置变量结构应该像这样:

const config = {
    type: 'pie',
    data: {
        labels: [],
        datasets: [{
            data: [],
            backgroundColor: []
        }]
    },
    options: [],
    plugins: []
};

字符串

相关问题