Mouse Out event not fired

[nehamahajan]

Hi CanvasJs Team,

I have the following jsfiddle: https://jsfiddle.net/nehamahajan/4wkhqdgm/19/

What is the issue:
Mouse out event is not fired from legend item.

How to reproduce the issue:
1) Hover over the data point at (20,25) of the blue series.
2) The red series is blurred out.
3) Now quickly move the mouse out passing the apples legend and out of the chart area.
4) The red series gets highlighted as mouse passes the apples legend but since the mouse has moved out of the legend item, all the series should go back to normal state, which doesn’t happen.

How to solve this issue.

Thanks,
Neha

[nehamahajan]

I have the video that captures the issue:Issue Link

• This reply was modified 2 years, 11 months ago by nehamahajan.

[nehamahajan]

Hi CanvasJS Team,

Can you please help.

-Neha

[Adithya Menon]

@nehamahajan,

Thanks for reporting the issue. Based on testing it looks like a bug. We’ll be fixing it in future versions.

However, as a workaround, you can set a mouseout event to the chartCotainer div and call the custom function as shown in the code-snippet below,

 document.getElementById("chartContainer").addEventListener("mouseout", function() {
  mouseOut();
});

Kindly take a look at this JSFiddle for an example on the same.

—
Adithya Menon
Team CanvasJS