echarts柱状图实现动态展示时报错

1、问题：

在使用Echarts柱状图时，当数据量过多，x轴展示不下的时候，可以使用dataZoom实现动态展示。如下图所示：

但是当鼠标放在图上面滚动滚轮时或拖动滚动条时会报错，一直排查未找到原因。

2、解决办法

原来是创建变量时不能用响应式的，用 shallowRef 代替 ref 和 reactive 创建变量，或者使用 let、var 创建非响应式的变量。

使用这两种方法创建变量，即可完美解决上面的报错问题。