Как создать массив объектов динамически в javascript для круговой диаграммы

Question

Я работаю над созданием динамических значений для круговой диаграммы, которая представляет собой график из chart.js Я создал переменную, которая содержит несколько значений объектов, которые должны быть передается в массиве для круговой диаграммы. Если я передаю переменную, ничего не появляется, но если я передаю переменные равные статическим значениям, круговая диаграмма начнет работать. Я искал различные методы, но не мог заставить его работать с моим кодом. Мой код выглядит следующим образом:

/*PIE Chart*/ 
    var elements = []; 
    var counter; 
    jQuery.ajax({ 
    type: 'POST', 
    url: 'ajax-request.php', 
    data: {}, 
    success: function(response){ 
    //here data is means the out put from the php file it is not   
    $('#StudentID').val() 
    var jsonData = JSON.parse(response); 
     console.log(elements); 
     var pieData; 
     for (var i = 0; i < jsonData.length; i++) { 
      counter = jsonData[i]; 
      var sale = roundFloat(counter.sales,2); 
      elements+= '{value:'+sale+',color: "#FDB45C",highlight: "#FFC870",label:"'+counter.sku+'"},'; 

     } 
     var pieData = [elements]; 

    var ctx = document.getElementById("pie-chartjs").getContext("2d"); 
    window.myPie = new Chart(ctx).Pie(pieData); 
    } 
    }); 

Answer 1

Вам нужно сделать несколько изменений в код, чтобы сделать эту работу.

pieData должен быть массивом объектов. Поэтому вместо добавления строки вам нужно добавить push объект в массив. После того, как вы сделаете это, что elements представляет собой массив объектов, и вы можете непосредственно присвоить его pieData

Ниже приводится измененный блок кода

for (var i = 0; i < jsonData.length; i++) { 
    counter = jsonData[i]; 
    var sale = roundFloat(counter.sales, 2); 
    elements.push({ 
     value: sale, 
     color: "#FDB45C", 
     highlight: "#FFC870", 
     label: counter.sku 
    }) 
} 
var pieData = elements;