Updating the charts is very slow

[tol64]

@junedchhipa

Beginning of discussion

Make sure you have these things disabled to maximize performance

Animation chart.animations.enabled = false Markers size set to 0 markers.size = 0 Disable DataLabels dataLabels.enabled = false

Unfortunately, these recommendations did not work. Updating the charts is very slow. And the more charts in the window, the more delay. But this should not apply to properties such as text colour.

It is necessary to optimise the code in the sources of the library.

The code for playback:

...
this.chartOptions = {
    chart: {
        foreColor: textColor
    }
};
...

Create several different types of charts and just try to update them.

Under the same conditions, Chart.js charts are updated approximately 10 times faster!

I prepared a minimal project to reproduce and find out why the library is so slow:

• testnuxt.zip

[tol64]

Have you already tried the tests? Have you replayed the problem?

[DMOAbove]

Same problem here... super super slow takes almost 1sec to run the update

[CreativeWarlock]

8 seconds to render a chart with roughly 1500 dates. This is incredible...

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.