Home forums Using CanvasJS Unable to get pass the variable values into graph

This topic contains 1 reply, has 2 voices, and was last updated by  Suyash Singh 5 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #14985

    Team, I am using the jquery to manipulate the json.

    Once i got the data from json like regress_opendefect=5, regress_inprogressdefect=3,regress_resolveddefect=6. I am passing the values inside the chart. but the values are “0” always. Please find the highlighted and help me

    <!DOCTYPE HTML>
    <html>
    <head title=”Autodesk Dashboard”>
    <script type=”text/javascript” src=”canvasjs.min.js”></script>
    <script type = “text/javascript”
    src = “https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>
    <script type=”text/javascript”>
    window.onload = function () {

    var regress_opendefect=0;
    var regress_closeddefect=0;
    var regress_inprogressdefect=0;
    var regress_resolveddefect=0;
    var regress_reopeneddefect=0;

    var bic_opendefect=0;
    var bic_closeddefect=0;
    var bic_inprogressdefect=0;
    var bic_resolveddefect=0;
    var bic_reopeneddefect=0;

    var ddws_opendefect=0;
    var ddws_closeddefect=0;
    var ddws_inprogressdefect=0;
    var ddws_resolveddefect=0;
    var ddws_reopeneddefect=0;

    var portal_opendefect=0;
    var portal_closeddefect=0;
    var portal_inprogressdefect=0;
    var portal_resolveddefect=0;
    var portal_reopeneddefect=0;

    var openStatus=”Open”;
    var resolvedStatus=”Resolved”;
    var inprogresStatus=”In Progress”;
    var closedStatus=”Closed”;
    var reopenedStatus=”Reopened”;

    $(“#driver”).click(function(event){
    $.getJSON(‘EIS-QA-Bug.json’, function(jd) {

    $.each(jd,function(i,tweet) {
    if(i==”issues”) {
    $.each(tweet, function(k1, v1) {
    if(v1.fields.components.length!=0) {
    $.each(v1.fields.components, function(s1, j1) {
    $.each(j1, function(k1, g1) {
    if(k1==”name”){
    if(g1==”Regression-BFR”){
    if(v1.fields.status.name==openStatus){ regress_opendefect+=1;
    }else if(v1.fields.status.name==resolvedStatus){regress_resolveddefect+=1;
    }else if(v1.fields.status.name==inprogresStatus){regress_inprogressdefect+=1;
    }else if(v1.fields.status.name==closedStatus){regress_closeddefect+=1;
    }else if(v1.fields.status.name==reopenedStatus){regress_reopeneddefect+=1;}
    }else if(g1==”BIC”){
    if(v1.fields.status.name==openStatus){ bic_opendefect+=1;
    }else if(v1.fields.status.name==resolvedStatus){bic_resolveddefect+=1;
    }else if(v1.fields.status.name==inprogresStatus){bic_inprogressdefect+=1;
    }else if(v1.fields.status.name==closedStatus){bic_closeddefect+=1;
    }else if(v1.fields.status.name==reopenedStatus){bic_reopeneddefect+=1;}
    }else if(g1==”DDWS”){
    if(v1.fields.status.name==openStatus){ ddws_opendefect+=1;
    }else if(v1.fields.status.name==resolvedStatus){ddws_resolveddefect+=1;
    }else if(v1.fields.status.name==inprogresStatus){ddws_inprogressdefect+=1;
    }else if(v1.fields.status.name==closedStatus){ddws_closeddefect+=1;
    }else if(v1.fields.status.name==reopenedStatus){ddws_reopeneddefect+=1;}
    }else if(g1==”Portal(IAE/GCE)”){
    if(v1.fields.status.name==openStatus){ portal_opendefect+=1;
    }else if(v1.fields.status.name==resolvedStatus){portal_resolveddefect+=1;
    }else if(v1.fields.status.name==inprogresStatus){portal_inprogressdefect+=1;
    }else if(v1.fields.status.name==closedStatus){portal_closeddefect+=1;
    }else if(v1.fields.status.name==reopenedStatus){portal_reopeneddefect+=1;}
    }
    }
    });
    });

    }
    });
    }
    });
    alert(‘No of regress open=’+regress_opendefect+’ No of Resolved=’+regress_resolveddefect +’ No of inprogress=’+ regress_inprogressdefect+’ No of Closed=’+ regress_closeddefect +’No of reopened=’+ regress_reopeneddefect);

    var chart1 = new CanvasJS.Chart(“chartContainer2”,
    {
    animationEnabled: true,
    title: {
    text: “Overall Defect Summary”,
    },
    data: [
    {
    type: “pie”,
    showInLegend: true,
    dataPoints: [
    { y: regress_opendefect, legendText: “Open”, indexLabel: “Open” },
    { y: regress_inprogressdefect, legendText: “In Progress”, indexLabel: “In Progress” },
    { y: regress_resolveddefect, legendText: “Resolved”, indexLabel: “Resolved/Closed” },
    { y: regress_reopeneddefect, legendText: “ReOpened”, indexLabel: “ReOpened” },

    ]
    },
    ]
    });
    chart1.render();

    });
    });
    }
    </script>
    </head>
    <body width=”70%”>
    <input type = “button” id = “driver” value = “Pull Overall Defect Data” />
    <div id=”chartContainer1″ style=”width: 550px; height: 320px;float:left;”></div>
    <div id=”chartContainer2″ style=”width: 550px; height: 300px;”></div> </br>
    <div id=”chartContainer3″ style=”width: 550px; height: 320px; align:centre”></div>
    </body>
    </html>

    #15006

    Suyash Singh
    Moderator

    @prithivicanvas,

    Seems like your JSON is not matching with your code. Can you kindly create a jsfiddle with your sample JSON so that we can look into it ? Also please have a look at this example on creating chart from external JSON.

    ___
    Suyash Singh
    Team CanvasJS

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

You must be logged in to reply to this topic.