I am utilizing vue-chart.js to create a basic chart.
import { Line } from 'vue-chartjs';
export default {
extends: Line,
mounted() {
this.renderChart({
labels: [this.getChartLabels],
datasets: [
{
label: 'Active users',
backgroundColor: '#f87979',
data: [this.getChartData],
},
],
},
{ responsive: true,
maintainAspectRatio: false,
});
},
computed: {
...mapGetters(['getFullReport', 'getChartLabels', 'getChartData']),
},
methods: {
...mapActions(['loadFullReport']),
},
};
Upon logging my getter in mounted, I observe that I am receiving an array with two items. However, upon refreshing the page, the array seems to be empty. The chart itself does not display any data, both before and after the page reloads. Assistance needed!