Chart.js icon indicating copy to clipboard operation
Chart.js copied to clipboard

Angular application reacting slow once multiple chart loaded into page.

Open kishan110 opened this issue 1 year ago • 1 comments

Expected behavior

Parallel loading of charts with devtools open, should not have impact on performance.

Current behavior

we have a dashboard page in Angular 14 application which has multiple types of charts. if user visits dashboard page and switches to different pages, the API calls takes a long time resolve in devtools. This only occurs whenever we visit dashboard page(which have multiple charts).

While searching this issue came across below solution to disable async stack trace from developer tool settings and in that case it is working properly. chrome-slower-when-console-open-at-page-load

is there any configuration for chart to avoid this issue.

Reproducible sample

https://stackblitz.com/edit/angular-kgntsk?file=src%2Fchart-test.ts,src%2Fmain.ts

Optional extra steps/info to reproduce

It's hard to provide exact steps or environment with stack blitz. Our case pages are inside material tab.

Possible solution

No response

Context

No response

chart.js version

4.4.2

Browser name and version

chrome v-124.0.6367.91

Link to your project

No response

kishan110 avatar May 01 '24 15:05 kishan110

This does not sound like a chart.js issue if your api calls are loading slow. Also since it does not seem to reproduce inside of a stackblitz it is verry hard to almost impossible to debug

LeeLenaleee avatar May 01 '24 16:05 LeeLenaleee