How to create stacked and grouped columns in Highcharts?

Question

I'd like to create a grouped, stacked column chart. There should be two columns (2000, 2050) for each region (OECD, BRICS, ...), and each of the columns has the same multiple categories. Here is what I came up with so far.

The thing is that I have no idea how to display the "2000" and "2050"; as well as how to avoid that the categories are being displayed two times in the legend.

Thanks for any hints!

This happens because you have two series with the same name, try to create only one serie for each one. — Ricardo Alvaro Lohmann, Feb 15 '13 at 16:16
True indeed. I had to re-arrange categories, country names and values correctly. Then, it worked. — luftikus143, Mar 05 '13 at 08:34

score 0 · Answer 1 · answered Jun 24 '15 at 13:58

0

I solved this (partly) by fiddling with the showInLegend and legendItemClick

See my fiddle: http://jsfiddle.net/b72e0vh4/3/

enter image description here

answered Jun 24 '15 at 13:58

Rob Audenaerde

19,195
10
76
121

How to create stacked and grouped columns in Highcharts?

1 Answers1