/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 vote126 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
0 vote138 views1 answer
Vuejs select placeholder
Javascript Vue
1 vote123 views1 answer
Fetch in vue 3
Javascript Vue
0 vote116 views1 answer
Vue specify build directory
Javascript Vue
1 vote126 views1 answer
Vue dynamic route push with params
Javascript Vue
3 votes129 views3 answers
Vue fetch
Javascript Vue
0 vote121 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
2 votes141 views2 answers
Add params to url vue
Javascript Vue
0 vote143 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
2 votes117 views2 answers
Vue js redirect to external url new tab
Javascript Vue