报错情况,使用了ResizeObserver监听了echart父元素宽高变化,然后就出现了以下两种报错。

使用echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type’)

报错截图:

在这里插入图片描述

Cannot read properties of undefined (reading ‘getBaseAxis’)
在这里插入图片描述

chart会被在vue内部转换成响应式对象,从而在resize 的时候获取不到

使用 vue3的API , markRaw,标记一个对象,使其不能成为一个响应式对象

import { markRaw } from "vue";
  // 初始化chart
let myChart = ref(null)
let  chartElement = document.getElementById(“chart”)
myChart.value = markRaw(echarts.init(chartElement))

就好了

Logo

前往低代码交流专区

更多推荐