You must be logged in to post your query.
Home › Forums › Chart Support › How can I use JSON.parse with a chart?
Tagged: JSON, parse
I want to use JSON.parse to convert json to an object. I don’t know where I should put this code, in the function makeChart() ? If so, how exactly?
var obj = JSON.parse(response); (obj.tot1); (obj.tot2); (obj.tot3);
Where & how do I use this in this example:
function makeChart() { var tot1v = var tot2v = var tot3v = var chart = new CanvasJS.Chart("colChartContainer", { theme: "theme2", title: { text: "Coin Toss Results" }, data: [{ type: "column", dataPoints: [{ label: "tot3", y: tot1v }, { label: "tot2", y: tot2v },{ label: "tot3", y: tot3v }] }] }); chart.render(); }
I have modified this http://jsfiddle.net/jx9sJ/5/ My code above in a code share http://codeshare.io/aYM2n
Structure of JSON is {"tot1":5,"tot2":10,"tot3":7}
{"tot1":5,"tot2":10,"tot3":7}
I’d really appreciate support on this. Thanks.
[Update]
Now we have a Tutorial on Creating Charts from JSON Data in our documentation.
Matthewpoll,
Here is a JSFiddle that I created.
how can I feed a array of JSONs like [{“x”:1,”y”:12,”label”:”Jan”},{“x”:2,”y”:9,”label”:”Apr”},{“x”:3,”y”:10,”label”:”Jul”},{“x”:4,”y”:11,”label”:”Oct”}], in which format should i convert this before handing this to dataPoints tag?.
@smabalan95,
You can pass entire JSON to dataPoints as shown in this JSFiddle.
To know more about the format accepted by CanvasJS, please take a look at this documentation page.
—– Manoj Mohan Team CanvasJS
Thank You!
You must be logged in to reply to this topic. Login/Register