如何在Ajax中使用带有async：true函数的图表

Question

我在使用js中的图表加载时间时遇到问题，这会导致非常长的加载。 我试图将我的函数设置为ajax true，但是结果是数据从不显示，而是保持空白。

var RecupTailleServeur = function RecupTailleServeur(serveur,fonction) {
  var result="";
  $.ajax({
    url : 'https://'+serveur+'.domain.fr/vgdisplay.php',
    async: true,
    data: "fonction="+fonction,
    success: function (data)
    {
      result = data;
        },
    error: function()
    {
      $('#output').html("Error");
    }
  });
  return result;
}

然后我有一个图表（实际上不是一个函数）显示了上述函数的结果：

var DoughnutChart = (function() {
  var $chart = $('#chart-doughnuts1');
  function init($this) {
   var doughnutChart = new Chart($this, {
      type: 'doughnut',
      data: {
        labels: [
          'Taille Libre (GB)',
          'Taille Occupe (GB)'
        ],
        datasets: [{
          data: [
            RecupTailleServeur('s1','libre'),
            RecupTailleServeur('s1','occupe'),
          ],
          backgroundColor: [
            Charts.colors.theme['info'],
            Charts.colors.theme['primary'],
          ],
          label: 'Dataset 1'
        }],
      },
      options: {
        responsive: true,
        legend: {
          position: 'top',
        },
        animation: {
          animateScale: true,
          animateRotate: true
        }
      }
    });
    $this.data('chart', doughnutChart);
  };
  if ($chart.length) {
    init($chart);
  }
})();

目标是具有异步true功能，以免“阻止”网页。

感谢所有人！