/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 vote180 views1 answer
Vue jest trigger input string
Javascript Vue
8 votes189 views3 answers
Vue redirect to route
Javascript Vue
1 vote177 views1 answer
V-for only getting one first value vuejs
Javascript Vue
0 vote186 views2 answers
Vue nested loop
Javascript Vue
0 vote182 views2 answers
Action checkbox selected vue js
Javascript Vue
1 vote198 views1 answer
Nativescript vue get native from ref
Javascript Vue
0 vote304 views1 answer
Vue electron read file
Javascript Vue
-2 votes182 views1 answer
Vue js get routes
Javascript Vue
4 votes180 views3 answers
Vue get element height
Javascript Vue
0 vote207 views1 answer
Vuetify checkbox click firing twice
Javascript Vue