/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 vote176 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
0 vote197 views1 answer
Vue change input value from console
Javascript Vue
0 vote186 views1 answer
Hide component on click vue
Javascript Vue
1 vote151 views1 answer
Convert string to array vuejs
Javascript Vue
16 votes244 views4 answers
Vue js default prop
Javascript Vue
0 vote171 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
6 votes189 views2 answers
Vue-cli-service
Javascript Vue
1 vote160 views1 answer
Vuetify sass variables
Javascript Vue
0 vote180 views3 answers
Rust zola vuejs
Javascript Vue
0 vote183 views1 answer
Vuejs input text
Javascript Vue