javascript - How do I get to a specific property in my Jquery library? -



javascript - How do I get to a specific property in my Jquery library? -

guys have next code written in jquery custom library plotting chart in asp.net mvc application. want alter specific value in using ajax call. please have @ code :

from jquery custom lib :

$('#performance-cart').highcharts({ chart: { type: 'area', backgroundcolor: '#f5f7f7', style: { fontfamily: 'roboto, sans-serif', color: '#aeafb1' }, animation: { duration: 1500, easing: 'easeoutbounce' } }, xaxis: { type: 'datetime', labels: { style: { color: '#aeafb1' } } }, yaxis: { min: 0, max: 50, tickinterval: 10, gridlinecolor: '#ebeded', gridlinewidth: 1, title: { text: '' }, linewidth: 0, labels: { align: 'right', style: { color: '#aeafb1' } } }, title: { text: '' }, tooltip: { usehtml: true, headerformat: '<h3 style="color:#ffffff;font-weight:300;padding: 3px 12px;">{point.y:,.1f}</br>', backgroundcolor: '#515757', pointformat: 'issues</h3>'//$('#performancecolumnchart').data('tooltip') }, legend: { itemstyle: { color: '#838589' }, symbolwidth: 12, symbolheight: 5, itemwidth: 80, symbolradius: 0, itemmarginbottom: 10, backgroundcolor: '#f5f7f7', verticalalign: 'top', borderwidth: 0, x: -498, y: 10 }, plotoptions: { area: { fillopacity: 0.2, cursor: 'pointer', marker: { symbol: 'circle', fillcolor: '#ffffff', linewidth: 2, linecolor: null, allowpointselect: true } }, line: { fillopacity: 0.2, cursor: 'pointer', marker: { symbol: 'circle', fillcolor: '#ffffff', linewidth: 2, linecolor: null, allowpointselect: true } }, column: { fillopacity: 0.2, cursor: 'pointer', marker: { symbol: 'circle', fillcolor: '#ffffff', linewidth: 2, linecolor: null, allowpointselect: true } }, series: { pointstart: myissueresolvedstartdate, pointinterval: 24 * 3600 * 1000 // 1 day } }, series: [{ name: 'issues', color: '#ff3806', data: myissuedata, marker: { states: { hover: { fillcolor: '#ff3806', linecolor: '#ffffff', linewidth: 2 } } } }, { name: 'resolved', color: '#1da9dd', data: myresolveddata, marker: { states: { hover: { fillcolor: '#1da9dd', linecolor: '#ffffff', linewidth: 2 } } } }] });

my ajax phone call :

$.ajax( { type: "get", url: webapiurl + "/api/home/getqueryissueresolveddata?deptcode=" + departcode, datatype: "json", crossdomain: true, async: true, cache: false, success: function (mydata) { var chart = $('#performance-cart').highcharts(); var resolvedstartdate = mydata.data.issueresolvedstartdate; var issuedata = mydata.data.issuedata; var resolvedata = mydata.data.resolveddata; //chart.plotoptions.series.setpointstart(resolvedstartdate, true); chart.series[1].setdata(issuedata, true); chart.series[0].setdata(resolvedata, true); }, error: function (x, e) { alert('there seems problem while fetching records!'); } } );

now want replace date value in pointstart element of jquery library through ajax phone call don't know how property.

i tried using chart.plotoptions.series.setpointstart(resolvedstartdate, true); says plotoptions undefined. how pointstart take date value resolvedstartdate ?

you seek , update series new options individual series - see http://api.highcharts.com/highcharts#series.update

javascript jquery ajax

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -