How can I use JSON.parse with a chart?

[matthewpoll]

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

[matthewpoll]

Structure of JSON is {"tot1":5,"tot2":10,"tot3":7}

I’d really appreciate support on this. Thanks.

[Sunil Urs]

[Update]

Now we have a Tutorial on Creating Charts from JSON Data in our documentation.

Matthewpoll,

Here is a JSFiddle that I created.

• This reply was modified 7 years, 6 months ago by Sunil Urs.

[smabalan95]

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?.

[Manoj Mohan]

@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

[smabalan95]

Thank You!