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

lawou6xi  于 2024-01-07  发布在  Chart.js
关注(0)|答案(1)|浏览(257)

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

  1. function creerGraph()
  2. {
  3. const ctx = document.getElementById("myChart");
  4. const config = {
  5. type: 'pie',
  6. data: [],
  7. options: [],
  8. plugins: []
  9. };
  10. chart = new Chart(ctx, config);
  11. }

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

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


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

q0qdq0h2

q0qdq0h21#

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

  1. const config = {
  2. type: 'pie',
  3. data: {
  4. labels: [],
  5. datasets: [{
  6. data: [],
  7. backgroundColor: []
  8. }]
  9. },
  10. options: [],
  11. plugins: []
  12. };

字符串

相关问题