[Bug]: Rendering chart takes very long for large datasets compared to update chart

[aarbakkeinnovation]

Would you like to work on a fix?

• Check this if you would like to implement a PR, we are more than happy to help you go through the process.

Current and expected behavior

I'm rendering large quantities of data (10x series of 100k+ points).

If I render a chart containing this many points it takes about 17 seconds before rendering is finished.

But, if I render the chart first containing only the series labels with empty datasets, and then perform an update of the chart with all the data, it completes rendering in about 3 seconds.

It seems the ChartRender function is performing some heavy task when instantiated with chartData containing lots of points.
I suspect it might be related to Vue adding unnecessary watchers to datapoints.

Reproduction

https://codesandbox.io/s/agitated-dust-hyr3hk

chart.js version

3.7.1

vue-chartjs version

4.0.7

Possible solution

No response

[thabarbados]

Hello. Thanks for the bug report. I will try to find options to optimize the performance.