Chartjs aléatoire des couleurs pour chaque partie du graphique à secteurs avec les données de manière dynamique à partir de la base de données

Je veux régler dynamiquement une couleur pour chaque partie du Graphique. Depuis le tableau est créé dynamiquement à partir de la base de données que je veux pour chaque partie, qui est ajouté à la carte(à partir de la base de données) d'une couleur différente.

J'ai essayé de faire ceci:

$(document).ready(function() {
$.ajax({
url: "http://localhost/chartjs/projects_chart.php",
method: "GET",
success: function(data) {
    console.log(data);
    var ict_unit = [];
    var efficiency = [];
    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) {
        ict_unit.push("ICT Unit " + data[i].ict_unit);
        efficiency.push(data[i].efficiency);
         var coloR=dynamicColors();
    }
    var chartData = {

        labels: ict_unit,
        datasets: [{
            label: 'Efficiency ',
            //strokeColor:backGround,

            backgroundColor: [coloR],

            borderColor: 'rgba(200, 200, 200, 0.75)',
            //hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
            hoverBorderColor: 'rgba(200, 200, 200, 1)',
            data: efficiency
        }]
    };

    var ctx = $("#my-canvas");
    var barGraph = new Chart(ctx, {
        type: 'pie',
        data: chartData
    })
},
error: function(data) {

    console.log(data);
   },
  });
 });

Mais je ne reçois qu'une seule couleur pour la première partie du graphique.

Pourriez-vous m'aider?

OriginalL'auteur Nda.S | 2017-08-19