Push JSON object into Array using for loop in JavaScript

Hi skp,

As per the below example i have defined a dataPoints Array. You can use that dataPoints array to bind  donut chart. 

https://canvasjs.com/react-charts/doughnut-chart/

JavaScript

var Object = {};
var datasets = [];
var obj = {};
obj.backgroundColor = ["#689ee3", "#80c6e5", "#9cb9b9"];
obj.data = [1, 20, 31];
obj.hoverBackgroundColor = ["#689ee3", "#80c6e5", "#9cb9b9"];
datasets.push(obj);

Object.datasets = datasets;
var labels = ["Bikes", "Cars", "Cycles"];
Object.labels = labels;

var dataPoints = [];
for (var i = 0; i < Object.datasets[0].data.length; i++) {
    var dataPoint = {};
    dataPoint.name = Object.labels[i];
    dataPoint.y = Object.datasets[0].data[i];
    dataPoints.push(dataPoint);
}
// Use the dataPoints in chart.

Screenshot