Javascript 使用ajax时，chart.js的饼图未显示标签

我正在使用Chart.Js来显示饼图。我需要调用ajax从数据库中获取数据

ajax功能：

function monthlyAttendanceReport(){
      $("#selected-month").html();
      array = yearMonthArr($("#selected-month").html());
      year = array[0];
      month = array[1];

      $.ajax({
        type: 'GET',
        url: '{% url "attendance:ajax-user-monthly-attendance-report" %}',
        data: {
            'employee_id': '{{ employee.id }}',
            'month': month,
            'year': year
        },
        dataType: 'json',
        success: function (data) {
          chart();
        }
      });
    }

pie.js：

function chart(){
      // Get pie chart canvas
      var context = $("#monthly-attendance-status-pie-chart");

      //pie chart data
      var monthlyAttendanceStatusdata = {
        labels: ["match1", "match2", "match3", "match4", "match5"],
        datasets: [{
            label: "Attendance Status",
            data: [10, 50, 25, 70, 40],
            backgroundColor: [
                "#DEB887",
                "#A9A9A9",
                "#DC143C",
                "#F4A460",
                "#2E8B57"
            ],
            borderColor: [
                "#CDA776",
                "#989898",
                "#CB252B",
                "#E39371",
                "#1D7A46"
            ],
            borderWidth: 1
          }]
      };


      
      //create Chart class object
      var monthlyAttendanceStatusChart = new Chart(context, {
        type: "pie",
        data: monthlyAttendanceStatusdata,
        
      });
    }

$(document).ready(function() {
      $("#selected-month").html(initCurrentMonth());
      $('#month-next-btn').attr('disabled', true);
      // chart();
      monthlyAttendanceReport();
    });

当我尝试这行代码时，我发现饼图正在生成，但没有任何标签。。 但当我在DocumentReady范围内调用chart（）函数而不调用ajax函数时，pie将生成所有标签

所以，当我使用ajax请求时，没有显示任何标签。但是当我不使用ajax时，饼图的标签会突然生成

当我将图例显示设置为true时，图表不会显示。但当我将图例显示设为false时，图表会显示。为什么会这样

我怎样才能解决这个问题