Hiding tooltip when mouse out of the point

[sparikh]

Is it possible to hide the tooltip when we move the mouse away from the bar/point .
we don’t want to show the tooltip till the mouse is moved outside.

[Thangaraj Raman]

@sparikh,

You can use the tooltip hide() method within the dataSeries mouseout function to hide the tooltip when the mouse is moved away from the dataPoint. Please find the code snippet for the same below.

function onMouseout(e){
   e.chart.toolTip.hide();
}

Kindly take a look at this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS

[sparikh]

Thanks for sharing this example. I tried the same with the line graph but it is not working.
Can you show, how we can do that with line graph

[Thangaraj Raman]

@sparikh,

You can set the mouseover and mouseout event handlers and create a custom function using the tooltip updated function to achieve the same behavior with a line chart. Please find the code snippet for the same below.

toolTip: {
  updated: function(e) {
    if(!showToolTip)
      e.chart.toolTip.hide();
  }
}

Please check this updated JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS