filter - Filtering the data in JSON -
i have these kind of data in json. want filter it, data object corresponding data "integrative programming" in cssubject.
csdetailsforchart json object
"[{"csname":"quiz #1 - create simple socket program","cssubject":"integrative programming","csscore":"18","cspoint":"20"}, {"csname":"quiz #2 - create simple rmi application","cssubject":"integrative programming","csscore":"25","cspoint":"40"}, {"csname":"hello world quiz","cssubject":"integrative programming","csscore":"90","cspoint":"150"}, {"csname":"create program quiz 4","cssubject":"integrative programming","csscore":"45","cspoint":"100"}, {"csname":"quiz 5","cssubject":"math","csscore":"45","cspoint":"60"}, {"csname":"quiz on sql","cssubject":"database management systems","csscore":"100","cspoint":"130"}, {"csname":"quiz 2 erd diagram making","cssubject":"database management systems","csscore":"40","cspoint":"55"}, {"csname":"linear equations","cssubject":"math","csscore":"21","cspoint":"35"}]" html
<form> <p>choose subject view performance on subject.</p> <select id="subselect"> <option selected disabled hidden>select subject</option> </select> <button onclick = "loadchart()";>submit</button> </form> javascript
function loadchart() { var csdetailsforchart = json.parse(localstorage.getitem('classstanding')); var subjectfromselectsub = document.getelementbyid('subselect').value; var datapoints = []; (key in as){ var percentpassed = ((number(as[key].csscore1)) / (number(as[key].cspoint1))) * 100; datapoints.push({y: percentpassed, label: as[key].csname1}); } var chart = new canvasjs.chart("chartcontainer",{ title:{ text: subjectfromselectsub }, animationenabled: true, animationduration: 2000, axisx:{ title: "class standing name" }, axisy:{ title: "percentage passed" }, data: [{ type: "bar", tooltipcontent: "{y}%", name: "percentage passed", datapoints: datapoints }] }); chart.render(); } i using canvasjs plot data. want know on how extract data filtered. like, making json object store filtered data. thank you!
Comments
Post a Comment