Home Forums Chart Support How can I use JSON.parse with a chart?

How can I use JSON.parse with a chart?

Viewing 6 posts - 1 through 6 (of 6 total)
  • #6140

    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);

    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                   

    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}

    I’d really appreciate support on this. Thanks.



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


    Here is a JSFiddle that I created.

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

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



    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!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.