/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 vote232 views1 answer
Use vue cdn with firestore
Javascript Vue
0 vote242 views1 answer
Vue electron read file
Javascript Vue
0 vote262 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote224 views1 answer
How to add bootstrap to vue js
Javascript Vue
0 vote225 views2 answers
Action checkbox selected vue js
Javascript Vue
0 vote226 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
0 vote235 views1 answer
VueJs System Modifier keys like exact ctrl alt shift meta
Javascript Vue
1 vote199 views1 answer
Vue firebase project tutorial
Javascript Vue
2 votes234 views2 answers
Vue directive
Javascript Vue
15 votes220 views3 answers
Vue3 - class and style binding
Javascript Vue