Soy relativamente nuevo en Vuejs y las llamadas API y quiero saber cómo obtener datos de mi API para mostrar el gráfico.
Actualmente, mi código es:
<script> import axios from 'axios' export default { name: 'Chart', props: ['data'], data: () => ({ }), async mounted () { let result = await axios.get('http://api.marketstack.com/v1/eod?access_key=b2508f27f2cef3694a66d6adf4646f87&symbols=AAPL') this.data = result.data.data // eslint-disable-next-line no-unused-vars const data = ????? #need help here })) const ctx = document.getElementById('mychart').getContext('2d') // eslint-disable-next-line no-undef,no-unused-vars const Chart_2 = new Chart(ctx, { type: 'line', data: { datasets: [ { data, label: 'Chart from API ', borderColor: '#7367F0' } ] }, options: { scales: { xAxes: [ { } ], yAxes: [ { } ] } } }) } }El código anterior está en un componente Chart2.vue y se mostrará en App.vue. ¡Apreciaría cualquier ayuda dada!
La URL de la API: http://api.marketstack.com/v1/eod?access_key=b2508f27f2cef3694a66d6adf4646f87&symbols=AAPL