echarts [Bug] In the line chart, when there are more than 3 lines, the loading mask layer does not cover the lines when showLoading is performed.

pu3pd22g  于 4个月前  发布在  Echarts
关注(0)|答案(3)|浏览(58)

Version

5.4.2

https://codesandbox.io/s/focused-bouman-lqvlpy?file=/src/index.js

Steps to Reproduce

调用showLoading方法

Current Behavior

loading的遮罩层没有盖住图

Expected Behavior

loading的遮罩层能盖住图

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

hivapdat

hivapdat1#

@shArpyYAo It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED

TITLE

[Bug] In the line chart, when there are more than 3 lines, the loading mask layer does not cover the lines when showLoading is performed.

BODY

Version

5.4.2

https://codesandbox.io/s/focused-bouman-lqvlpy?file=/src/index.js

Steps to Reproduce

Call the showLoading method

Current Behavior

The loading mask layer does not cover the image

Expected Behavior

The loading mask layer can cover the image

Environment

- OS:
-Browser:
- Framework:

Any additional comments?

No response

epfja78i

epfja78i3#

If you want to avoid this situation, set zlevel greater than 1e5 + 1

live demo

Details The demo chart has a lot of elements, that count is greater than 3000.

For render performance, echarts enable the hover layer to render these elements that can be interactived, but this hover layer is greater than the default loading layer

So, If you set the loading layer higher than the hover layer, you won't get this problem anymore.

相关问题