/Javascript/Vue/Vuejs my chart load before fetch data

Vuejs my chart load before fetch data

Your issue is that API requests are async. So it happens that your chart will be rendered, before your API request finishes. A common pattern is to use a loading state and v-if.

There is an example in the docs: https://vue-chartjs.org/guide/#chart-with-api-data

Similar codes

0 vote238 views1 answer
Vue 3 emit update prop
Javascript Vue
1 vote294 views1 answer
Vue npx
Javascript Vue
15 votes317 views3 answers
Vue3 - class and style binding
Javascript Vue
0 vote297 views1 answer
Vue.js function to always uppercase when the client input lowercase
Javascript Vue
3 votes295 views3 answers
Vue fetch
Javascript Vue
0 vote330 views1 answer
Hide component on click vue
Javascript Vue
-1 vote306 views2 answers
Call a function of another component vue
Javascript Vue
0 vote311 views1 answer
Vue js qr code scanner
Javascript Vue
0 vote289 views1 answer
Vuejs enter phone with country flag
Javascript Vue
1 vote275 views1 answer
Vue electron min width
Javascript Vue