highcharts context menu hidden for small charts

1
votes

I am migrating a dashboard type screen to highcharts and would like to use the default context menu (for exporting various image formats and printing the chart).

The problem is that a lot of these charts are small gauge type charts and the context menu gets hidden when charts get below a certain size, mainly due to the fact that the context menu appears above the button for small charts size.

Is there anyway to make the context menu always appear below the button? I know I can limit the options and this will solve the problem but I would ideally like to use the default options list. Also I don't really want to have to calculate positions and move it myself.

See jsfiddle

see code at jsfiddle
2
highcharts

2 Answers

3
votes

Add the following styles to the context menu.

.highcharts-contextmenu {
    bottom: auto !important;
    top: 5px;
}

FIDDLE

0
votes

Not sure if it would work for your situation, but have you considered using their pie chart with the legend at the bottom?

http://www.highcharts.com/demo/pie-legend