echart使用datazoom属性不生效?

封装chart组件hook
image.png
在组件挂载时设置配置项
image.png

image.png
父组件引入chart组件
image.png
以上是chart组件的封装和使用,哪一步会导致datazoom属性失效呢?

阅读 740
3 个回答

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

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

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

dataZoom: [
  {
    type: 'slider',
    xAxisIndex: 0,
  }
]
推荐问题