Labels rendered in the wrong place

[gehringf]

Version

4.8.0

Reproduction link

https://jsfiddle.net/rogu5hke/

Steps to reproduce

Drag the datazoom handlers back and forth a couple of times.
At some point, the labels of the items will jump to the top, or be displayed to the left of the y axis.

What is expected?

Labels stay in the pills, and disappear when the pill is in the filtered area.

What is actually happening?

Labels are being displayed in the wrong position

---

This also occurs when using in the svg renderer.

[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.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical question.

If you are interested in the project, you may also subscribe our mailing list.

Have a nice day! 🍵

[pissang]

I did some changes to your case
https://jsfiddle.net/ce10fqrh/

[gehringf]

Thank you, that solves it for me in this case.

I also created a bar chart into the same thing and when dragging the datazoom handlers the bars are being displayed outside of the chart, as long as I don't use a filter. Is that a bug or is there something like "overflow:hidden" for that chart that I'm missing. I try not to use a filter, so that my (yet another) line chart can render while having few datapoints, of which some could be outside of the current datazoom range.

[pissang]

You can try to set clip: true in the bar series to hide the overflow.

[gehringf]

You can try to set clip: true in the bar series to hide the overflow.

That's true by default and doesnt seem to change anything for me when using datazoom.