Javascript Chartjs-如何从数据库中的值更新数据？

我在尝试使用从数据库中提取的数据更新我的Chartjs甜甜圈图表时遇到一些问题

我有以下成功的ajax调用：

  $.ajax({
    url: "<!--#include virtual="../include/env"-->/data",
    type: "GET",
    cache: "false",
    success: function(value) {
      update_doughnut(value);
    },
    dataType: "json"
  });

我已尝试创建ajax调用以更新数据的函数：

function table_space(value) {
    myDoughnutChart.data.datasets[0].data = [value[0].USED, value[0].FREE]

    myDoughnutChart.update();
  };

---

但我不断收到“无法读取未定义的属性“0”的错误消息。值得注意的是，ajax调用运行的查询可能需要40秒；这可能是原因吗？

谢谢您的回复。但还是设法弄明白了。我需要对Ajax调用进行更改，以直接更新甜甜圈的值，并删除表空间函数：

 $.ajax({
        url: "<!--#include virtual="../include/env"-->/data",
        type: "GET",
        cache: "false",
        success: function(value) {
        Doughnut1.data.datasets[0].data = [value[0].USED, value[0].FREE]
        Doughnut2.data.datasets[0].data = [value[1].USED, value[1].FREE]
        Doughnut3.data.datasets[0].data = [value[2].USED, value[2].FREE]
        Doughnut1.update();
        Doughnut2.update();
        Doughnut3.update();
      },
        dataType: "json"
      });

$.ajax({
url:“/data”，
键入：“获取”，
缓存：“false”，
成功：功能（价值）{
Doughnut1.data.datasets[0]。数据=[值[0]。已使用，值[0]。免费]
Doughnut2.data.datasets[0]。数据=[值[1]。已使用，值[1]。免费]
Doughnut3.data.datasets[0]。数据=[值[2]。已使用，值[2]。免费]
Doughnut1.update（）；
Doughnut2.update（）；
Doughnut3.update（）；
},
数据类型：“json”
});

尝试使用一分钟的setInterval，同时将其添加到控制台日志中，并检查对象中保存的内容我将把设置的间隔放在哪里？你相信我的代码是正确的吗？我仍然无法确定这是否是我的代码的错误，或者查询是否需要一些时间？在您的表空间函数中调用ajax函数时还不清楚。您可以通过控制台记录myDoughnutChart.data.dataset并查看此处提供的内容吗？

 $.ajax({
        url: "<!--#include virtual="../include/env"-->/data",
        type: "GET",
        cache: "false",
        success: function(value) {
        Doughnut1.data.datasets[0].data = [value[0].USED, value[0].FREE]
        Doughnut2.data.datasets[0].data = [value[1].USED, value[1].FREE]
        Doughnut3.data.datasets[0].data = [value[2].USED, value[2].FREE]
        Doughnut1.update();
        Doughnut2.update();
        Doughnut3.update();
      },
        dataType: "json"
      });