Question

I managed to enable a scroll bar in Highcharts as suggested here.

Now I am struck with strange problems.

Reset Zoom button is not shown after zooming the chart. But when i disabled scroll in my chart, it worked as a charm. How do i bring back the reset zoom button and why it is not enabled after zooming ? Did not find any error in console too.

Next, if the scroll is enabled, the scroll bar overlaps with the legend box. Anyways i can have my legend’s layout set to horizontal. But how to avoid this overlapping ?

Here is what I have tried,

With scroll bar and Without a scroll bar

Hope someone out there can help me sort it out.

Answer 1

This is a bug in Highcharts. This is fixed and will be available in the next release of Highcharts. As of now, it can be fixed temporarily using the beta version of their js.

And the scroll bar, fixed by adding a y parameter as in

legend: {
        shadow: true,
        y: -20
    }