display legends for Grouped-Stacked column charts- highhcarts

Use linkedTo property:

series: [{
  ...,
  id: 'john'
}, {
  ...,
  id: 'fem'
}, {
  ...,
  linkedTo: 'john'
}, {
  ...,
  linkedTo: 'fem'
}, {
  ...,
  linkedTo: 'john'
}, {
  ...,
  linkedTo: 'fem'
}]

Live demo: http://jsfiddle.net/BlackLabel/a4sog5xb/

API Reference: https://api.highcharts.com/highcharts/series.bubble.linkedTo