How to correctly update charts data via prop

[lmachegger]

I have a small webapp with Vue.js 3 that shows a Highcharts Chart and some statistics, with global buttons for time-filters (All, Year, Month, Week).
The data of my Highchart chart needs to change, whenever one of the global buttons was pressed.

Displaying the initial data works fine, but when it comes to updating the charts data, it is really slow. That makes me think that I am doing something wrong with updating the data.

I created a minimal eproducible example on codesandbox: example
It consists of a Chart.vue component, which gets its property "data" updated, when the button "Update Data" is pressed. The button can be toggled multiple times, and it will always take several seconds until the chart is updated.

Thanks!

[letehaha]

@lmachegger it never takes more than 200-300 ms to update the chart for me. Looks like there is only an issue with your machine resources -_-