Loop through JSON and add the values to code?

Question

I am returning a JSON object to Javascript using PHP and I want to loop through the object and then print each value in the code.

Here is the function:

function drawChart(data) {
    var ctx = document.getElementById('myChart').getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: [],
            datasets: [{
                label: 'FiveRP',
                data: [],
                backgroundColor: "rgba(75,192,192,0.4)",
                fill: false,
                lineTension: 0.1,
                borderColor: "rgba(75,192,192,1)",
                borderCapStyle: 'butt'
            }, {
                label: 'GTALife',
                data: [],
                backgroundColor: "rgba(148,0,211,0.4)",
                fill: false,
                lineTension: 0.1,
                borderColor: "rgba(148,0,211,1)",
                borderCapStyle: 'butt'
            }, {
                label: 'GermanV',
                data: [],
                backgroundColor: "rgba(255,165,0,0.4)",
                fill: false,
                lineTension: 0.1,
                borderColor: "rgba(255,165,0,1)",
                borderCapStyle: 'butt'
            }]
        }
    });
}

As you can see that labels: [] is empty, I need to extract the values from the JSON array and add them to '[]' .

I am returning the JSON through AJAX so I think I can not use PHP to iterate through the object.

Possible duplicate of Access / process (nested) objects, arrays or JSON — Matt Burland
– Matt Burland, Commented May 24, 2017 at 15:33
@MattBurland I know how to access stuff inside of the Object, the problem is something else. I want to add every value in JSON object inside the '[]' infont of 'labels' as provided in function. — Parker Queen
– Parker Queen, Commented May 24, 2017 at 15:37
@MaxZoom I am sorry for being a nitwit and not understanding. Can you please explain? The JSON is being returned from AJAX and is already a JS Object, what can PHP do in such regards? — Parker Queen
– Parker Queen, Commented May 24, 2017 at 15:40
So datasets is your returned json? And you want to print out the vals in PHP? You don't need labels variable to do this. — ADoorMarkedPirate
– ADoorMarkedPirate, Commented May 24, 2017 at 15:41

MaxZoom · Accepted Answer · 2017-05-24 16:01:22Z

Below code populates labels array with label values in JSON

var json = [{
                label: 'FiveRP',
                data: [],
                backgroundColor: "rgba(75,192,192,0.4)",
                fill: false,
                lineTension: 0.1,
                borderColor: "rgba(75,192,192,1)",
                borderCapStyle: 'butt'
            }, {
                label: 'GTALife',
                data: [],
                backgroundColor: "rgba(148,0,211,0.4)",
                fill: false,
                lineTension: 0.1,
                borderColor: "rgba(148,0,211,1)",
                borderCapStyle: 'butt'
            }, {
                label: 'GermanV',
                data: [],
                backgroundColor: "rgba(255,165,0,0.4)",
                fill: false,
                lineTension: 0.1,
                borderColor: "rgba(255,165,0,1)",
                borderCapStyle: 'butt'
            }];
            
var arr = [];
for (e of json) {
  arr.push(e.label)
}

var data = {
 labels: arr,
 datasets: json
}
console.log(data.labels);

Collectives™ on Stack Overflow

Loop through JSON and add the values to code?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related