javascript - Angular : SetData to HighChart widget from an array object -
i'm using under angular component highchart widget :
demo of chart : https://www.highcharts.com/demo/pie-legend
from documentation , using :
highcharts.chart('divchart', {           chart: {             plotbackgroundcolor: null,             plotborderwidth: null,             plotshadow: false,             type: 'pie'           },           title: {             text: this.nb           },           tooltip: {             pointformat: '{series.name}: <b>{point.percentage:.1f}%</b>'           },           plotoptions: {             pie: {               allowpointselect: true,               cursor: 'pointer',               datalabels: {                 enabled: false               },               showinlegend: true             }           },           series: [{             name: 'brands',             colorbypoint: true,             data: [{               name: 'microsoft internet explorer',               y: 56.33             }, {               name: 'chrome',               y: 24.03,               sliced: true,               selected: true             }, {               name: 'firefox',               y: 10.38             }, {               name: 'safari',               y: 4.77             }, {               name: 'opera',               y: 0.91             }, {               name: 'proprietary or undetectable',               y: 0.2             }]           }]         }); but since loading dynamically datat ( chrome , firefox ...) , have set fo key/ value data indicationg each browser value :
  browsers: {[key: string ]: number } = {}; for example browsers list contains :
chrome (name) -> 60 (value)
firefox -> 30
edge -> 10
....
i wanna inject browsers list values dynamically data of chart , , not mannually , since list may contain numerous values.
i think there methode called setdata , don't know if it's usefull.
ideas ?
yes there setdata function http://api.highcharts.com/highcharts/series.setdata
but after need update chart http://api.highcharts.com/highcharts/series.update
Comments
Post a Comment