amcharts4 icon indicating copy to clipboard operation
amcharts4 copied to clipboard

[Violation] 'requestAnimationFrame' handler took xx ms

Open aniov opened this issue 6 years ago • 23 comments

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

aniov avatar Dec 12 '18 15:12 aniov

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.

martynasma avatar Dec 17 '18 06:12 martynasma

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

sunith-kumar avatar Feb 03 '20 06:02 sunith-kumar

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

CityShark-zz avatar Jun 10 '20 20:06 CityShark-zz

Any update for this concern?

jannwildelgado avatar Jul 08 '20 02:07 jannwildelgado

I'm also running into this issue.

YousafRaja avatar Jul 19 '20 18:07 YousafRaja

+1

rebeccadavidsson avatar Aug 27 '20 08:08 rebeccadavidsson

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

vvarh avatar Sep 04 '20 16:09 vvarh

I have it too with a pretty standard mapchart

yoricktran avatar Nov 28 '20 17:11 yoricktran

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

narkissbv avatar Jan 19 '21 14:01 narkissbv

me too, please update!

xbaha avatar Jan 20 '21 20:01 xbaha

+1

kolgotko avatar Feb 02 '21 20:02 kolgotko

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

Any updates ?

nseb avatar Mar 12 '21 23:03 nseb

It's very poor performance

nseb avatar Mar 16 '21 22:03 nseb

I tried downgrading AmCharts 4 version to 4.5.13 and the infinite calling of "[Violation] 'requestAnimationFrame' handler took <N>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?

Disame143 avatar Apr 07 '21 04:04 Disame143

Any updates on this?

ahmedalatawi avatar Jun 01 '21 02:06 ahmedalatawi

+1

SharpBCD avatar Aug 11 '21 18:08 SharpBCD

Please, do we have any updates on this?

phamvanhan68 avatar Aug 22 '21 13:08 phamvanhan68

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

vpattar avatar Sep 24 '21 21:09 vpattar

Update on this?

vincespace avatar Feb 08 '22 03:02 vincespace

tengo el mismo problema

Yamilestebangarcia avatar Jun 03 '22 19:06 Yamilestebangarcia

I need an update as well!

surray avatar Jun 27 '22 11:06 surray

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

heetagna-samyak avatar Feb 28 '23 06:02 heetagna-samyak

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

heetagna-samyak avatar Feb 28 '23 06:02 heetagna-samyak