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

Popular posts from this blog

Retrieving ETA (estimated time of arrival) with Google Distance Matrix API and public transit as transport mode -

Image
is possible retrieve eta google's distancematrix api (or alternative api). fyi, eta different duration, when using public transport. following example clarify request. when leave on friday @ 8.15 i'll able catch train @ 8.30 , arrive @ 9.00 am. google says duration 30 minutes. however, when leave on saturday @ 8.15 i'll able catch first train @ 9.00 , arrive @ 9.30 am. google still says duration 30 minutes, means ignore delay. google map supports functionality there api around giving me eta instead of duration. can see, distance-matrix' response no good. clarifying question little. eta estimated time of arrival , it's clear user wants know entire duration of transport (including waiting time public transport).
Read more

android - ConstraintLayout: Realign baseline constraint in case if dependent view visibility was set to GONE -

Image
is there way realign baseline constraint textview in case if dependent view visibility set gone? my layout code: <android.support.constraint.constraintlayout android:layout_width="match_parent" android:layout_height="wrap_content"> <textview android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="test title" android:textcolor="@color/black" android:textsize="24sp" app:layout_constraintleft_toleftof="parent" app:layout_constraintright_torightof="parent"/> <textview android:id="@+id/subtitle1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="subtitle 1" android:textsize="11sp" app:layout_constraintb...
Read more

c# - Populating Gridview inside Listview ItemTemplate On Web User Control from Code Behind -

i have think simple question, might more complex.. i have spent few days looking answer on google , various questions on site cannot seem come right. what trying bind gridview on user control ascx page default.aspx.cs on page load event. user control markup follows: <%@ control language="c#" autoeventwireup="true" codebehind="vulnerabilityexternalip.ascx.cs" inherits="vulnerabilityassesment.controls.vulnerabilityexternalip" %> <asp:table runat="server" cellpadding="1" cellspacing="2"> <asp:tablerow> <asp:tablecell> <asp:label id="lblvulnerabilityname" runat="server" text="vulnerability name:" cssclass="itemname"></asp:label> </asp:tablecell> <asp:tablecell> <asp:label id="lblvulnerabilitynametext" runat="server" text='<%# eval("mainvulnerabilityname")...
Read more