vue-apexcharts
vue-apexcharts copied to clipboard
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'length')
I have no clue as to how this error is spamming my logs, Any one had this before?
Apex charts is loaded in an SVG as custom component (foreign object)
<g :transform="'translate(0 ,0)'">
<foreignObject
:key="item.id"
:width="item.width"
:height="item.height"
:x="item.x" :y="item.y"
v-for="item in items">
<component :item=item :key="item.id" :is="item.componentType"/>
</foreignObject>
```
```html
<apexchart
class="oee-doughnut"
type="radialBar"
height="97px"
width="64px"
:options="getOptions"
:series="getOeeLast()"/>
getOptions() {
return {
colors: ['#FFFF'],
chart: {
type: "radialBar",
width: "64px",
height: "97px",
offsetX: -3,
offsetY: 0,
id: this.item.id
},
plotOptions: {
radialBar: {
hollow: {
size: "40%"
},
dataLabels: {
showOn: "always",
name: {
offsetY: -10,
show: false,
color: "black",
fontSize: "12px"
},
value: {
offsetY: 5,
color: "black",
fontWeight: 700,
fontSize: "12",
show: true
}
},
},
},
labels: ["oee"],
};
}
},
methods: {
getOeeLast() {
return [80]
}
},
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'length')
at Function.value (apexcharts.min.js?3d1e:6:1)
at t.value (apexcharts.min.js?3d1e:6:1)
at i.value (apexcharts.min.js?3d1e:6:1)
at i.value (apexcharts.min.js?3d1e:6:1)
at t.value (apexcharts.min.js?3d1e:6:1)
at t.value (apexcharts.min.js?3d1e:14:1)
at t.eval (apexcharts.min.js?3d1e:6:1)
at eval (apexcharts.min.js?3d1e:14:1)
at new Promise (<anonymous>)
at t.value (apexcharts.min.js?3d1e:14:1)
````