Search code examples
highchartsstacked

Highcharts JS - Stacked Column: each column filled

How do you set up a stacked column chart so that the bottom series represents the data values, and the top series is only there to fill in the empty space?

See attached image for reference:

enter image description here

Solution

  • so basically you need 2 graphs

    1. percentage stacked column

      plotOptions: { column: { stacking: 'percent' } }

    here is a worked out example http://jsfiddle.net/kolliparavamsikrishna/8xGA2/ 2. combination of percentage stacked column and error bar. here is a worked out example http://jsfiddle.net/kolliparavamsikrishna/TfG5P/