Динамическая круговая диаграмма не показывает метки

Question

У меня есть динамическая круговая диаграмма, извлекающая данные из таблицы SQL, она отлично работает, но это просто пустой круговой столбик, не проталкивающий ни одну из меток, и я не могу понять, почему.

Я установил переменную с именем CustomerModel и установил ее, чтобы выталкивать надписи «Passed», «Failed» и «Line_Down», но, похоже, ничего не показывает ...

$('#dateFrom').change(function(){
var id = $('#dateFrom').val();
var id2 = $('#dateTo').val();
$.ajax({
url: "getBarChartStatusData.php",
method: "GET",
data: "date="+id + "&dateTo="+id2,
success: function(data) {
  console.log(data);
  var CustomerModel = [];
  var DaysOut = [];
  var coloR = [];

  var dynamicColors = function() {
  var r = Math.floor(Math.random() * 255);
  var g = Math.floor(Math.random() * 255);
  var b = Math.floor(Math.random() * 255);
  return "rgb(" + r + "," + g + "," + b + ")";
  };

  for(var i in data) {
    DaysOut.push(data[i].Passed);
    DaysOut.push(data[i].Failed);
    DaysOut.push(data[i].Line_Down);
    CustomerModel.push("Passed");
    CustomerModel.push("Failed");
    CustomerModel.push("Line_Down");
    coloR.push(dynamicColors());
    coloR.push(dynamicColors());
    coloR.push(dynamicColors());
  }
  $('#myChart').remove();

  $('#piechartReason').append('<canvas id="myChart" width="400" 
height="250"></canvas>');

  var chartdata = {
    labels: CustomerModel,
    datasets : [
      {
        //label:'Total Score' ,
        backgroundColor: coloR,
        borderColor: 'rgba(200, 200, 200, 0.75)',
        //hoverBackgroundColor: "#22aa99",
        hoverBorderColor: 'rgba(200, 200, 200, 1)',
        data: DaysOut
      },
    ]
  };

  var ctx = $("#myChart");

  var barGraph = new Chart(ctx, {
    type: 'pie',
    data: chartdata,
    options: {
      legend: {
        display: false
     },
      tooltips: {
        enabled: false
     },
     plugins: {
          datalabels: {
            display: true,
            color:'white',
            align:'center',
            anchor:'center'
        }}
  }
  });
},

error: function(data) {
  console.log(data);
}

});
});