Question

From JSON string below
{cols:[{"id":"t","label":"Title","type":"string"},{"id":"l","label":"Avg ","type":"string"},{"id":"lb","label":"High","type":"string"},{"id":"lo","label":"Low","type":"string"}],rows:[{"c":[{"v":"Change navigation"},{"v":5.6666666666667},{"v":"10"},{"v":"1"}]},{"c":[{"v":"Executive leadership"},{"v":6.0666666666667},{"v":"7"},{"v":"3"}]},{"c":[{"v":"Business ownership"},{"v":5.8095238095238},{"v":"10"},{"v":"2"}]},{"c":[{"v":"Change enablement"},{"v":6.4285714285714},{"v":"9"},{"v":"5"}]}]}

How do i get something like,

['Change navigation=6.5333333333333','Executive leadership=6.0666666666667',
'Business ownership=5.8095238095238','Change enablement=6.4285714285714']

using Javascript

I got a JSON object as a response from AJAX.Now trying to draw an image chart with it.I applied JSON.stringify to convert the object.But dont know how to convert to a format which charts understand

Answer 1

If json is your JSON object, you could use the below code:

var arr = [],
    i = 0;

for (; i < json.rows.length; i++) {
    arr.push(json.rows[i].c[0].v + '=' + json.rows[i].c[1].v);
}

console.log(arr);  // -> ["Change navigation=5.6666666666667", "Executive leadership=6.0666666666667", "Business ownership=5.8095238095238", "Change enablement=6.4285714285714"]

Here’s a DEMO.