Highcharts tooltip overflow is hidden

javascript jquery tooltip highcharts
AlexRebula picture AlexRebula · May 24, 2012 · Viewed 21.7k times · Source

My problem is that when the chart drawing area of is smaller than a highchart tooltip, a part of the tooltip is hidden where it overflows the chart drawing area.

I want the tooltip to be visible all the time, no matter the size of the chart drawing area.

No CSS setting helped and no higher z-index setting helped either.

Here is my example... http://twitpic.com/9omgg5

Any help will be mostly apreciated.

Thank you.

Answer

qasem picture qasem · Nov 25, 2012

This css helped me:

.highcharts-container { overflow: visible !important; }

Related questions

customize highcharts tooltip to show datetime

I'm developing a project that is expected to show this graph: http://jsfiddle.net/Kc23N/ When I click a point (tooltip) I want to show a date understandable, not the value in milliseconds. I think needs to change this …

Read More
Bootstrap Tooltip - Hide when another tooltip is click

I hope someone can help. I'm trying to hide the tooltip when another tooltip icon is clicked. It works but when I decide to click the last tooltip again it 'flashes' the tooltip. var Hastooltip = $('.hastooltip'); HasTooltip.on('click', …

Read More
Turn the Tooltip Bootstrap functionality off

According the documentation is is possible to turn off the functionality just doing $('body').off('.alert.data-api'). In the case of tooltip I tried the following from js console $('body').off('.tooltip.data-api') but it does not disable …

Read More