How to link zoom in different charts in echarts

Question

We have multiple charts with zoom. Is there a way to link all this charts so they always have the same zoom factor when the user zoom in one of the charts?

Answer 1

When having multiple grids in the same chart is not a possibility, I use this trick to do the job:

myChart.on('datazoom', function (evt) {
    var zoom = myChart.getOption().dataZoom[0];
    myOtherChart.dispatchAction({
        type: 'dataZoom',
        dataZoomIndex: 0,
        startValue: zoom.startValue,
        endValue: zoom.endValue
    });
});

Both charts have dataZoom, in my case I hide the one in myOtherChart.