question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Animation triggering while hovering the graph

See original GitHub issue

Hi 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:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
sht5commented, Aug 26, 2018

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.

2reactions
sasos90commented, Aug 30, 2016

Some news about this? It is an obvious bug 😕

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found