How can I use two different data sources for the main chart and dataZoom in Apache ECharts?

I’m working with Apache ECharts and trying to use two different data sources: one for the main chart and another for the dataZoom preview.

Due to the large amount of data, I’ve reduced the resolution over longer time periods to minimize the data sent to the client. However, I want the main chart to display a much higher resolution when the user zooms in on a smaller time range.

This screenshot shows my issue

Unfortunately, I can’t figure out how to use two different data sources for the main chart and the dataZoom overview. Does anyone have any suggestions on how to achieve this?

Basically the dataZoom chart should always show the complete chart, and the main plot should load and display the selected area.

I have created this example in the online editor of ECharts, to demonstrate my issue