/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 vote306 views1 answer
Import vuex in composition api
Javascript Vue
8 votes343 views3 answers
Vue redirect to route
Javascript Vue
0 vote316 views1 answer
Vue max characters html input
Javascript Vue
1 vote315 views1 answer
Vue js import css from node modules
Javascript Vue
2 votes308 views1 answer
Vue local storage delete
Javascript Vue
28 votes483 views4 answers
Vue create
Javascript Vue
1 vote321 views1 answer
V-for only getting one first value vuejs
Javascript Vue
0 vote361 views1 answer
Routing vue with meta tag firebase
Javascript Vue
0 vote315 views2 answers
Vue slot events
Javascript Vue
1 vote285 views1 answer
How to get the first element in vue js select option
Javascript Vue