echart使用datazoom属性不生效？

Question

封装chart组件hook

在组件挂载时设置配置项

父组件引入chart组件

以上是chart组件的封装和使用，哪一步会导致datazoom属性失效呢？

Answer 1

看你用的 ?. 可选链去 setOption() 的。感觉就是因为OP你在调用 setOption 的时候有出现过报错。

确定一下调用 setOption 的时候 EChart 组件已经实例化完成了。

Answer 2

如果是多轴需要设置坐标轴索引，确保 dataZoom 的 xAxisIndex 或 yAxisIndex 指向你要缩放的轴，否则不生效

dataZoom: [
  {
    type: 'slider',
    xAxisIndex: 0,
  }
]

Answer 3

这个文章中的方案应该能解决你的问题
https://segmentfault.com/a/1190000044349638