CODEWITHSUNDEEP
highcharts
goodforenergy
goodforenergy

Reputation: 520

How can I disable on hover marker animation in Highcharts 6.x?

I recently upgraded to Highcharts 6, and noticed a marker animation that wasn't there before. I would like to disable it, and can't seem to do so. Before I raise it with Highcharts, I was wondering if I've done something wrong.

To be clear:

To see the misbehaving markers, load this fiddle and move your mouse over a point and away again. If you comment out the recent Highcharts import and instead use 4.2.5, you'll see the behaviour I'm after.

The only way I can see in the docs to disable on hover animation is to set the animation duration to 0. I tried to do this at three points in the configuration:

Like so..

plotOptions: {
    spline: {
        marker: {
            states: {
                hover: {
                    animation: {
                        duration: 0
                    }
                }
            }
        },
        states: {
            hover: {
                animation: {
                    duration: 0
                },
                marker: {
                    states: {
                        hover: {
                            animation: {
                                duration: 0
                            }
                        }
                    }
                }
            }
        }
    }
}

But nothing worked. Help very much appreciated. Thanks in advance!

Upvotes: 1

Views: 934

Answers (1)

pawel_d
pawel_d

Reputation: 3070

Disabling chart.animation seems to resolve the problem. It disables overall animation for all chart updating but, as API states, it can be overridden for each individual API method as a function parameter.

API Reference:
http://api.highcharts.com/highcharts/chart.animation.html

Example:
https://jsfiddle.net/sgz9dq8h/

Upvotes: 1

Related Questions