Currently facing an issue
https://i.sstatic.net/l1WWH.png
The error seems to be isolated to this specific section
mounted() {
this.$nextTick(() => {
let ctx = this.$refs.canvas.getContext('2d')
let { chartType, dataOptions } = this.module
this.chart = new Chart(ctx, {
type: chartType,
data: dataOptions,
options: minimizeOptions,
})
})
},
The error is originating from dataOptions. If I set data to {}, everything functions properly, but then my chart lacks data.
this.module is a prop passed to my component. The component is rendered in a v-for loop
<module
v-for="mod in modules"
:module="mod"
:key="mod._id.toString()"
/>
Using Chart.js for this implementation.
Struggling to identify the cause of the call stack exceed error.
Wondering if anyone else has encountered similar issues?
It is worth mentioning that the error occurs when attempting to toggle a global component within a layout layout
dataOptions:
{
datasets: [
{
backgroundColor: "#34495e",
borderColor: "bdc3c7",
data: [0],
label: "My first dataset"
}
],
labels: ["Start"]
}