/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 vote304 views1 answer
Vue reset all data to default
Javascript Vue
0 vote219 views1 answer
Vuejs post
Javascript Vue
5 votes193 views5 answers
Vue for loop
Javascript Vue
2 votes196 views2 answers
Vue 3
Javascript Vue
0 vote186 views1 answer
Update head tag metadata vue
Javascript Vue
0 vote198 views1 answer
Vuelidate custom error messages
Javascript Vue
1 vote199 views1 answer
Vuelidate required if another props
Javascript Vue
6 votes213 views3 answers
Url params vue
Javascript Vue
0 vote261 views3 answers
Vue read url
Javascript Vue
0 vote274 views2 answers
Vuejs filter array by dates
Javascript Vue