Javascript – Reset data in stacked chart in highcharts

highchartsjavascript

I am trying to reset data in a stacked chart on a button click in highcharts Here is my work so far

It is not working

Can you please help with this one? thanks.

Just to clarify I took the help of below two examples

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/

http://www.highcharts.com/demo/column-stacked

Edit on button works for simple graphs, however I could not make it work for stacked columns.

Best Answer

Use the following code in button click:

chart.series[0].setData([10, 10, 10, 10, 10]);
   chart.series[1].setData([5, 5, 5, 5, 5]);
   chart.series[2].setData([4, 4, 4, 4, 4]);

Check out this FIDDLE

Related Solutions

Javascript – Highcharts donut chart customization

Check about innerSize.

"The size of the inner diameter for the pie. A size greater than 0 renders a donut chart. Can be a percentage or pixel value. Percentages are relative to the size of the plot area. Pixel values are given as integers. Defaults to 0." reference

Than you can take a look this example which shows how to put the text inside the donut chart.

Hope it help you.

Javascript – Highcharts vertical stacked bar chart with negative values, is it possible

I was trying to achieve the same results. Check this fiddle and let me know =] I used:

chart: {
    type: 'column'
},
plotOptions: {
    series: {
        stacking: 'normal'
    }
}

jsfiddle for vertical stacked bars w negatives

EDIT: try changing the type to 'bar'. This will make the chart "columns" go horizontal =]

jsFiddle for horizontal stacked bars w negatives

Best Answer

Related Solutions

Javascript – Highcharts donut chart customization

Javascript – Highcharts vertical stacked bar chart with negative values, is it possible

Related Topic