echarts图表滚轮缩放联动

Posted 2022-11-25 XiaoYNil

前言

最近在做简单的数据可视化demo，

因为不是专业做echarts的，所以碰到一些简单而尴尬的问题，如有不对的地方，欢迎指正。

问题

相信一定有朋友，创建了ABC三个图表，然后放进一个grid里，但是、滚轮只能驱动A进行缩放，B和C一动不动。

关键

这个问题关键就在于对DataZoomOpts怎么设置，她有个很重要的参数，xaxis_index，决定了DataZoomOpts需要控制的grid_index对应的图表

比如你设置了inside类型的DataZoomOpts M（xaxis_index=[0, 1]），以及一个默认类型的DataZoomOpts N（xaxis_index=[0, 2]），

那么M能够控制A和B，此时即实现了A和B的联动；

而N没有控制B，但是因为其控制了A，所以当通过N缩放A和C，都会触发A的变化，只要A变化了，就会触发M来进行AB联动。