/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

6 votes356 views4 answers
V-for vue
Javascript Vue
-1 vote313 views1 answer
Fixed header on scroll vuejs
Javascript Vue
0 vote326 views1 answer
Vue js readdir
Javascript Vue
0 vote318 views1 answer
What is .eslint.js in vue
Javascript Vue
1 vote331 views1 answer
V-for only getting one first value vuejs
Javascript Vue
4 votes336 views2 answers
Router link active in vue.js
Javascript Vue
0 vote312 views1 answer
Sweetalert2 vue on ok click page refresh
Javascript Vue
3 votes306 views1 answer
Vue.js force to reload re-render
Javascript Vue
17 votes454 views6 answers
Vue cdn
Javascript Vue
0 vote336 views1 answer
Electron vue printer
Javascript Vue