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.

Easily Disable Chart Animations

See original GitHub issue

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[x] feature request
[ ] support request => Please do not submit support request here

What is the motivation / use case for changing the behavior? It would be very useful to have a quick-option to turn animations on/off – mostly for the sake of performance.

[animation] = "animation"

//options
animation =  false;

This would help in situations where performance may be a concern, or if a chart is being used multiple times on the same view/page. For example, I am using a normalized horizontal bar chart in a table column/cell (one per row) to represent percentages of the relevant data, and 25 rows of them animating at the same time is bit much. I realize this may be a unique use-case; however, turning animations off may, in some cases, be just as important as their glamour.

If there is already an easy way to turn animations off, it is not currently documented.

😃

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:10
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

5reactions
marjan-georgievcommented, Feb 15, 2017

This is a valid feature request. We are waiting for the new animation features to land in angular so we can improve our animations. I agree there should be an option to disable them.

4reactions
ItsEcholotcommented, Sep 8, 2017

This really desperately needs a solution… The gauge element is unusable with updating values.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Disable Animation with Charts.js - javascript - Stack Overflow
1)Disable animation: var myLine = Chart.Line(ctx, { data: lineChartData, options: { animation: false, } }); · 2)Reduce animation duration for 0 var myLine...
Read more >
animationEnabled - Enable / Disable Chart animation
animationEnabled property allows you to Enable / Disable Chart Animation.
Read more >
Turn off Office animations - Microsoft Support
To turn off Microsoft 365 animations in Windows 7 or 8. Open the Ease of Access Center by pressing the Windows logo key...
Read more >
Animations | Chart.js
Disabling animation ​​ To disable an animation configuration, the animation node must be set to false , with the exception for animation modes ......
Read more >
Disabling XY series initial animations - amCharts
Disabling this initial effect is easy: each series has a setting showOnInit . The "animated" theme sets it to true causing series 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