How to programatically hide a tooltip in highcharts?

Question

I am trying to implement highcharts in a mobile application, everything works fine but there is one issue in which on changing orientation from potrait to landscape the tooltip shown for any point selected does not hide on orientation change.

Please suggest me how to hide a tooltip programatically in highcharts ..

I tried the below code:

$('#tankActualUsagechart').highcharts().tooltip.hide();

but this does not hide the marker which i am displaying ...

If there is a way to hide the marker i am fine with that also ..

Please help me on this issue

Answer 1

I use chart.pointer.reset() for removing marker and tooltip during legendItemClick and it works like a charm

jsfiddle sample

Answer 2

Please have a look at http://jsfiddle.net/St84H/

You can hide tool tip by

tooltip: {
            enabled: false
        }

Answer 3

As long as you have a reference to the Highcharts Chart object, you can hide the tooltip like so:

// create chart
var myChart = new Highcharts.Chart({ /* snip */ });

// hide tooltip
myChart.tooltip.hide();