/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 vote158 views1 answer
Laravel vue js component won't mount
Javascript Vue
0 vote133 views1 answer
Vue can't refresh after change vmodel data
Javascript Vue
0 vote122 views2 answers
Vue get props into data
Javascript Vue
1 vote128 views1 answer
V-for only getting one first value vuejs
Javascript Vue
1 vote127 views1 answer
Vue create component
Javascript Vue
0 vote129 views2 answers
Vue timeout
Javascript Vue
11 votes126 views2 answers
Vue nextTick
Javascript Vue
0 vote120 views1 answer
Vuejs list items from axios
Javascript Vue
0 vote129 views2 answers
Vuetify validate child component
Javascript Vue
0 vote199 views1 answer
Vue print date
Javascript Vue