/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

2 votes366 views1 answer
Vue axios catch error
Javascript Vue
4 votes351 views1 answer
Vue.js axios delete then
Javascript Vue
1 vote381 views1 answer
Fetch composition API in Vue3
Javascript Vue
0 vote364 views1 answer
Get base url vuejs
Javascript Vue
0 vote394 views2 answers
Javascript vue.js right click
Javascript Vue
2 votes362 views1 answer
Acces store from vue console javascript
Javascript Vue
15 votes550 views6 answers
Vue.js
Javascript Vue
-1 vote337 views1 answer
Vuex store in js file
Javascript Vue
0 vote399 views1 answer
Aos initial configuration vue
Javascript Vue
0 vote361 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue