Enable Horizontal Scrollbar in Highcharts with Multiple Pie Charts

Question

I need to enable the horizontal scrollbar when I have more Pie Charts than are visible in the container. I am able to do this with other chart types by using Highstock.js and the following:

scrollbar: {
  enabled: true
},

This doesn't seem to work with multiple Pie Charts. It will squash the Pie if it doesn't quite fit(which I don't want either), but any overflow Charts are hidden.

See my fiddle: http://jsfiddle.net/4pn5J/5/

Answer 1

The scrollbar only works with stock charts. To get around this, why not make 3 divs inside a "master" div and allow the scrollbar on the div container itself?

EDIT: Sample using divs and css. Yes, you are using highstock.js but scrollbar is not available on PIE-based charts. Since the xAxis is essentially just he radius of the chart itself.

EDIT2: Sample using single div container. You will need to fiddle with the chart sizes. Again done with CSS.