Animation triggering while hovering the graph
See original GitHub issueHi guys!
The issue is referring to that topic: https://github.com/chartjs/Chart.js/issues/3169
where @etimberg explained the possible solution but it didn’t work.
So the thing is, while I am hovering the graph, I get onProgress callback executed 22 times (depending on duration of animation I think).
One possibility was that:
options: { hover: { mode: false } }
but unfortunately it doesn’t work, I still get that method executed.
Am I doing something wrong?
Thank you!
Issue Analytics
- State:
- Created 7 years ago
- Reactions:1
- Comments:8 (2 by maintainers)
Top Results From Across the Web
Trigger an animation on hover - javascript - Stack Overflow
Currently the animation plays once when the page loads, I can't figure out how to tie it to :hover or onmouseover="function".
Read more >What Are CSS Hover Animations & How Can You Use Them?
A CSS hover animation occurs when a user hovers over an element with their cursor, and the element responds with motion or another...
Read more >An Interactive Guide to CSS Transitions - Josh W Comeau
The main ingredient we need to create an animation is some CSS that changes. Here's an example of a button that moves on...
Read more >Trigger animation menu graphiv when hovering on menu item
i did an animation in css for one menu item graphic. is there a easy way that the animation will also be triggered...
Read more >Triggering bullet hover effects with chart cursor - amCharts
This is a demo tutorial. While there is no step-by-step commentary available (yet), the live demo below is fully functional. Feel free to...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Note, initial animations still work on a chart with these options. i got this from the following stackoverflow- other solutions didn’t work for me…this does https://stackoverflow.com/questions/41952055/chart-js-how-to-disable-everything-on-hover UPDATE: newest Chart.js has re-bundled the way hover is ‘listened’ for:
var myChart = new Chart(canvas, { options: { events: [] } … }) making the ‘events’ option an empty list (instead of [‘click’, ‘hover’, etc]) makes the chart ‘blind’/static because it will be listening for no events.
Some news about this? It is an obvious bug 😕