Apache Echarts: Syncing Datazoom Sliders

I am using the awesome Volkov Labs plugin to create some better charts for my business data.

I am currently trying to sync the datazoom on one panel to another. Is this possible? I am trying to bypass the native date selector as I want to avoid triggering a query.

The thought was spurred by the idea of blending components from the following tutorials:

Update time range: Event Handling | Volkov Labs

and

Syncing Crosshairs: Panels interconnectivity in Grafana via EventBus | Volkov Labs

I have been able to log the specific value I need.

From the console:

dataZoom updated!

  1. {type: ‘datazoom’, from: ‘viewComponent_6189’, dataZoomId: ‘\x00series\x000\x000’, animation: null, start: 33.33333333333335, …}

  2. animation: null

  3. dataZoomId: “\u0000series\u00000\u00000”

  4. end: 100

  5. from: “viewComponent_6189”

  6. start: 33.33333333333335

  7. type: “datazoom”

but I can’t get the other panel to adjust accordingly when subscribing to the event.

I know I am leaving a lot out but I am a little out of my depth here. If I am able to log this in the console should I be able to influence the other panel?