/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 vote111 views1 answer
Vue apollo refetch every x ms
Javascript Vue
1 vote101 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
0 vote109 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Vue
1 vote111 views1 answer
Vue js copy text to clipboard
Javascript Vue
0 vote97 views1 answer
Vuetifyjs 2.0 2 column side bar
Javascript Vue
2 votes96 views1 answer
Clear input from file vue
Javascript Vue
-1 vote127 views3 answers
Uncaught ReferenceError: Vue is not defined
Javascript Vue
0 vote126 views1 answer
Laravel vuejs barcode
Javascript Vue
0 vote107 views1 answer
Vue router default page not loaded
Javascript Vue
0 vote59 views1 answer
Rails + vue js projcet demo
Javascript Vue