echart设置datazoom窗口范围不生效

想要达到效果：
在选择【年】时候，datazoom 限制一下窗口范围，避免 图数据过多看不清。选择其他时候，datazoom 开放窗口范围。

原始代码：在浏览器 vue 插件上也是显示 end 就是 30，maxSpan 就是 30；但是图表依旧显示是 100。简直让人脑袋疼。

一开始我想着是会不会是有缓存，在赋值前 this.$refs.chart.clear()，没得用。这时候我久十分迷惑，这是为啥啊？？？
这时候我同事说了一句，会不会是 datazoom 默认拿了一个的窗口范围，好家伙，我对换一下，可以了 = =


最终结论：当你真的想不出来为什么时候，可以往这些方向猜测一下，说不定能够得到你想要的效果。