Heatmap parts are not visible when you zoom in on the borders

[GaspardC]

Version

4.7.0

Steps to reproduce

Implement a chart with a heatmap and a datazoom

then zoom in to the borders

example : https://imgur.com/a/cd009hN

What is expected?

The heatmap "rectangles" that cannot be displayed entirely are white (not visible)

What is actually happening?

It would be nice to display them even partially.

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

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

Have a nice day! 🍵

[plainheart]

Could you please provide an online demo? Thank you!

[echarts-bot]

@GaspardC Please provide a demo for the issue either with https://codepen.io/Ovilia/pen/dyYWXWM or https://gallery.echartsjs.com/editor.html.

[GaspardC]

Hello for sure here it is https://codepen.io/gaspc/pen/eYJyMxb,

Then try to zoom in.

any ideas @plainheart ? 🙏

[GaspardC]

I found the solution if it can help someone else :
it's pretty easy actually but not very clear in the documentation, you need just to add filerMode: 'none' to your dataZoom objects

[plainheart]

Oh... Sorry for my late note. Though it can be solved by filterMode: 'none', I think personally it's a flaw of dataZoom component. Maybe there is still something to be done. @pissang What do you think of this case?