chartjs / chartjs/Chart.js

Angular application reacting slow once multiple chart loaded into page.

Open
#11,758 1 comment 0 reactions 0 assignees View on GitHub
type: bug
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### 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](https://stackoverflow.com/questions/32490189/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_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.