Chart.js: Hover animation flicker

Created on 14 Jan 2020  路  1Comment  路  Source: chartjs/Chart.js

Current Behavior

There is severe flickering in the point animation when you move around the chart.
Video: https://streamable.com/wwo8j

Steps to Reproduce (for bugs)

https://codepen.io/user2109372598236/pen/PowOgvd

To trigger the bug, you must move the mouse to any point and wait for the point animation to finish (-> 1s). Then quickly move the mouse between other points and the first one will flicker. The key is to move quickly enough to not let any animations finish.

Possible solution

The only thing I can do right now is to disable hover animations, but that is sad because the animations are awesome <3:
Chart.defaults.global.hover.animationDuration = 0;

Context

I believe this was already mentioned in #6614, which was closed as fixed. But as you can see, it is not fixed

Environment

Chart.js version: 2.9.3
Browser name and version: Safari Version 13.0.3 (15608.3.10.1.4), Chrome 79.0.3945.88, but I don't think this is browser-related

bug

Most helpful comment

Its fixed in master: https://codepen.io/kurkle/pen/BayPBJZ?editors=1010
Just not released yet. Will be in v3. No date.

>All comments

Its fixed in master: https://codepen.io/kurkle/pen/BayPBJZ?editors=1010
Just not released yet. Will be in v3. No date.

Was this page helpful?
0 / 5 - 0 ratings