Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Violation] 'requestAnimationFrame' handler took xx ms #671

Open
aniov opened this issue Dec 12, 2018 · 23 comments
Open

[Violation] 'requestAnimationFrame' handler took xx ms #671

aniov opened this issue Dec 12, 2018 · 23 comments
Assignees

Comments

@aniov
Copy link

aniov commented Dec 12, 2018

Lately I saw this warning "[Violation] 'requestAnimationFrame' handler took 570ms" as you can see in the video.
I've tried amchart 3 on your demo page and I saw that warning in rare cases.

The problem is that I have about 4-6 graphs on same page and to render them it takes about 3-4 sec.
That is not very user friendly. The data in charts have between 20-100 points / graph.
Is there a way I can reduce the render time or can you work on this in next releases?

amcharts-warning

@martynasma
Copy link
Collaborator

Just letting you know, we are going to investigate this in a non-priority fashion.

It's important to understand, that this is not an actual error. It's an advisory warning. Meaning it does not have any real impact on functionality, but serves as a tip for application developers.

When the chart is building itself, it will try to chunk up the process into smaller increments if it takes too long. This gives browsers some breathing space. Right now this is hardcoded process, but we are implementing configuration options to control it.

Technically, you will be able to reduce the cutoff time, so each chunk is less than Chrome's control 50ms to get rid of the warnings.

BUT (there's always a one) it will come at the expense of risking that chart builds itself gradually. Meaning will see how different elements of the chart appear, as opposed to the chart just popping into place. (to see what I mean try some complex chart in an IE, which is painfully slow)

We're looking for ways to resolve that, too. Not sure how/if/when that will happen. Just wanted you to have the full picture.

@sunith-kumar
Copy link

Any updates on addressing this Issue, Because due this other animations in the page are getting affected

@CityShark-zz
Copy link

Any news? My console log gets flooded by this...

@jannwildelgado
Copy link

Any update for this concern?

@YousafRaja
Copy link

I'm also running into this issue.

@rebeccadavidsson
Copy link

+1

@vvarh
Copy link

vvarh commented Sep 4, 2020

I have the same problem on a simple page with a simple graph.

@yoricktran
Copy link

I have it too with a pretty standard mapchart

@narkissbv
Copy link

I still have this issue. I doubt it will be addressed if this thread is from 2018, and it's 2021 atm.

@xbaha
Copy link

xbaha commented Jan 20, 2021

me too, please update!

@kolgotko
Copy link

kolgotko commented Feb 2, 2021

+1

@nseb
Copy link

nseb commented Mar 12, 2021

Same problem with >4 graphs by page (desktop or mobile). Chartjs no problems and is much faster.

Any updates ?

@nseb
Copy link

nseb commented Mar 16, 2021

It's very poor performance

@Disame143
Copy link

I tried downgrading AmCharts 4 version to 4.5.13 and the infinite calling of "[Violation] 'requestAnimationFrame' handler took ms" in console stop but it didn't remove all, there are still warnings seen in console from time to time. Is there any updates for this issue?

@ahmedalatawi
Copy link

Any updates on this?

@SharpBCD
Copy link

+1

@phamvanhan68
Copy link

Please, do we have any updates on this?

@vpattar
Copy link

vpattar commented Sep 24, 2021

This really makes UI render very slow. Any update on these warnings?

@vincespace
Copy link

Update on this?

@Yamilestebangarcia
Copy link

tengo el mismo problema

@surray
Copy link

surray commented Jun 27, 2022

I need an update as well!

@heetagna-samyak
Copy link

Did anyone found solution for the same? I am using ngx-pie charts

@heetagna-samyak
Copy link

Just letting you know, we are going to investigate this in a non-priority fashion.

It's important to understand, that this is not an actual error. It's an advisory warning. Meaning it does not have any real impact on functionality, but serves as a tip for application developers.

When the chart is building itself, it will try to chunk up the process into smaller increments if it takes too long. This gives browsers some breathing space. Right now this is hardcoded process, but we are implementing configuration options to control it.

Technically, you will be able to reduce the cutoff time, so each chunk is less than Chrome's control 50ms to get rid of the warnings.

BUT (there's always a one) it will come at the expense of risking that chart builds itself gradually. Meaning will see how different elements of the chart appear, as opposed to the chart just popping into place. (to see what I mean try some complex chart in an IE, which is painfully slow)

We're looking for ways to resolve that, too. Not sure how/if/when that will happen. Just wanted you to have the full picture.

The performance is surely affected it is very laggy

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests