Chartjs-"Maximum call stack size" Error When Adding Data to Chartjs Using Props With Fetch (Vue/Chartjs)

by

0👍

✅

While Hossem’s answer will work for the first render, the chart still wont be updated when you add new data.

Oddly enough, downgrading Vue one version from 3.1.5 to 3.1.4 ended up resolving the issue.

1👍

it’s work when adding a simple v-if with a ready property that we turn it true when we finish the foreach of pushing data,

the problem is with your SampleChart.vue componenent , you make chart data inside the setup , so when data changed sampleChart will not be changed in any case , it’s already calculated.
you can learn more about computed, ref/reactive

Leave a comment