Vue3 报错Echarts TypeError: Cannot read property ‘type‘ of undefined

Echarts拿到数据后死活不渲染数据，一点击图例部分就报错
解决方式：

蒋ref 换成shallowRef
const LineChart = shallowRef();
const LineChart = ref();

原因说是 ref深度监听 不管多深他都能监听到。而shallowRef是非深度监听

https://blog.csdn.net/qq_54527592/article/details/119840044添加链接描述

https://www.cnblogs.com/IwishIcould/p/15034304.html
官方的解释：

**shallowRef**
创建一个跟踪自身 .value 变化的 ref，但不会使其值也变成响应式的。

const foo = shallowRef({})
// 改变 ref 的值是响应式的
foo.value = {}
// 但是这个值不会被转换。
isReactive(foo.value) // false