Linechart zoom shows wrong preview

[tmtron]

Version

4.2.1-rc1

Reproduction link

https://jsfiddle.net/tmtron/0beLxwh2/21/

Steps to reproduce

• add a null datapoint at 1995
• add some data between 1997 and 2000
• add a final null datapoint at 2005

What is expected?

the zoom slider background data should show the real data in the middle of the slider

What is actually happening?

The data in the zoom slider is stretched. I think this is a bug, unless I am missing some settings (but I could not find any switches on the zoom-slider to make this work)

---

The following screenshot shows the issue. The area outside of the yellow highlighted rectangle in the zoom range (1) should not be visible.

see also: related Stackoverflow question

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

Have a nice day! 🍵

[haskelcurry]

Hello, any updates on this? This is a very important feature

[haskelcurry]

The issue was opened in 2019 and it's still present in 5.0.
The problem is: the preview doesn't correspond to actual chart data, even approximately.
Here's a bright example: https://echarts.apache.org/examples/en/editor.html?c=line-draggable
See the previews for X and Y and compare it to actual curve on the graph. There is no obvious logic behind it.
It gets even more interesting when there are multiple lines on the chart: the preview still draws only one line.
Let me repeat that this feature seems to be very important for various common cases.

For now I'm going to replace the SliderZoomView.js with my own custom component...

Thank you!