Highcharts: are multiple legends possible?

Question

I'm new to Highcharts and it seems excellent this far. However, I need to have my six series grouped into three columns in the legend. This can be achieved by limiting legend width and using legendIndex. Config snippet of this in Coffeescript:

  legend:
    # 3 items side-by-side with some margins
    itemWidth: Math.floor(config.width / 3.8)
  series: [
      # top left
      legendIndex: 1
      ...
    ,
      # bottom left
      legendIndex: 4
      ...
    ...  # 4 more series; other columns in indices 2,5 and 3,6
    ]

The problem is, I also need a separate title for each group. So something like this (ascii art):

Title A               Title B                 Title C
[ ] Item A1           [ ] Item B1             [ ] Item C1
[ ] Item A2           [ ] Item B2             [ ] Item C2

Note that I need the export functionality as well, so HTML positioning is not possible as I understand it. How can I make my legend look like this?

Answer 1

You can place custom text on to the chart using the Highcharts Renderer

http://api.highcharts.com/highcharts#Renderer

You can't make multiple legends, but you can do a lot with a single legend to make it look like multiple legends.