Vue Composition API中ApexCharts初始加载不显示问题求助

我刚退休，出于爱好自学Vue和Python，开发了一套基于Vuetify前端、DRF后端的能源使用及成本监控系统，目前供应商、合同、电价及抄表数据的CRUD功能都能正常运行。

现在我想用ApexCharts展示燃气、净用电量及太阳能发电量，但遇到了一个问题：组件首次加载时图表完全不显示，不过修改代码保存触发热更新，或者跳转至其他页面再返回当前页面后，图表就能正常显示了。

当前环境信息：

• Node.js 版本：20.12.2
• @vue/cli 版本：5.0.8

附上相关代码文件：

ReadingChart.vue #

// 请将ReadingChart.vue的代码粘贴在此处

meter.ts #

// 请将meter.ts的代码粘贴在此处

内容的提问来源于stack exchange，提问作者user3623116