stefanbw
Posts: 9
Joined: Wed Oct 10, 2018 7:09 am

Disable helo fade out animation when hover off a line series

When moving the cursor between two data points on the same series, there is no fade out animation on the data point. However, if I hover off a series, it does this fade out animation which I would like to deactivate. Looking at the source code, it looks like there is no option to disable this kind of animation. Btw. I set `option.splotOptions.series.animation` and `options.charts.animation` to `false`.

https://github.com/highcharts/highchart ... on.js#L934
Attachments
demo.gif
demo.gif (27.04 KiB) Viewed 1638 times
wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: Disable helo fade out animation when hover off a line se

Hi stefanbw,

Could you send me a simplified online demo of your chart (jsfiddle for example)? Then I will be able to help you easily on your particular example.

Have you tried to set `plotOptions.series.marker.states.normal.animation` equals false? Check API description: https://api.highcharts.com/highcharts/p ... .animation.

Kind regards.
Wojciech Chmiel
Highcharts Developer
stefanbw
Posts: 9
Joined: Wed Oct 10, 2018 7:09 am

Re: Disable helo fade out animation when hover off a line se

I haven't set `plotOptions.series.marker.states.normal.animation`, but even with that it's still animating.

The demo that you sent me the other day also has this issue: https://jsfiddle.net/wchmiel/me64z150/
Attachments
demo.gif
demo.gif (131.29 KiB) Viewed 1621 times
wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: Disable helo fade out animation when hover off a line se

stefanbw,

This issue is a bug. Check here: https://github.com/highcharts/highcharts/issues/7293.

The workaround suggested by @pawelfus:

Code: Select all

  chart: {
    events: {
      load: function() {
        this.renderer.globalAnimation = false;
      }
    }
  }
Demo:
https://jsfiddle.net/wchmiel/bj5Luk03/

Kind regards.
Wojciech Chmiel
Highcharts Developer

Return to “Highcharts Usage”