/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

16 votes407 views5 answers
Vuejs router params
Javascript Vue
0 vote201 views1 answer
Use $axios in vuex in nuxt
Javascript Vue
3 votes219 views5 answers
Vue js count down timer
Javascript Vue
0 vote231 views1 answer
Vue js destroyed
Javascript Vue
0 vote201 views1 answer
Vue.js use scss in balise style
Javascript Vue
6 votes206 views4 answers
V-for vue
Javascript Vue
0 vote244 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
0 vote197 views1 answer
Vue js video call
Javascript Vue
0 vote214 views1 answer
Vue i18n command
Javascript Vue
0 vote222 views1 answer
Vue get component hash
Javascript Vue