/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

1 vote150 views4 answers
For loop vue object
Javascript Vue
0 vote142 views1 answer
How to generate random text in vue js
Javascript Vue
0 vote136 views1 answer
Vuejs list items from axios
Javascript Vue
3 votes131 views3 answers
Cors header missing vue api gateway
Javascript Vue
0 vote134 views2 answers
Vue config devtools
Javascript Vue
0 vote169 views2 answers
Vue chart nuxt
Javascript Vue
3 votes144 views3 answers
Vue fetch
Javascript Vue
0 vote141 views1 answer
Find element by object field vuejs
Javascript Vue
0 vote135 views2 answers
Ionic vue electron
Javascript Vue
0 vote150 views1 answer
Vue js encrypt localstorage data
Javascript Vue