echarts [Bug] tooltip backdrop-filter is not working

798qvoo8 于 3个月前发布在 Echarts

关注(0)|答案(2)|浏览(68)

Version

5.5.1

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=line-stack&version=5.5.1&renderer=svg&code=PYBwLglsB2AEC8sDeAoWtJgDYFMBcya6GOAHmAQOQDKYAhgMYDWOAJrADITQ6VEC-AGiJhgwLJBAFUxDACcIAc0U45BAER1SEAM7rhsrboAKwbmFXSissAE8Q-WOp0ALOq2AB3fddhDfAEaMTIpywACu0KwAwuLAak5yikEAFAAMgrAZWZlpAJQ-sgBm8QC2dGAWCSl5CAB8hLLocjhg4XJwAAa-sgA8rBAAbrA6drjw6kHMoRFRBEmpAKwAjJmLACyZABwAbLkAdADMi3kA3D1Nl-hTTKxhIAC0RRASlrABWO0py2kgpGcXK5NTwQVhgFwEH6_UjnIFw2AuHBKFwUWBQv6ndR1XoAegGgzqF26sn4AgMsFwKjmjWIrAqdAIAG1KABRcovSiZSgAVWgUDgAEFWDpObBKAA1UE4YCwIUirkAEQgLQYYFFNBwdDkDBcsBZ0EU3F4AF0yURQqCrLJcEVUZRDgBSTm-BSKFFUdZO8nXYCVYClKiO52yBgwejcDh0AI4LAEMBycI4M3oUTiALAUhW4hFTVtFpZ2Q6OiDHACnQASXKKmkpJJydgpAF2h0BYw9kclAYFRwinitmDxHTkTpclsAHE6FJYEU6FgdDhvbA6fQmZQALIwdUAFUT6oA6mxty5wuqAGIKdXUCqXyKUU3ofzoWxN3StuwOKiDWe7-vzhQ4FtYEZXwZCaaA6FKDs2ToDlFxTdsqCwI0B0LehmCoLdfVnFDaXpJllgAJmyZZDgIzIflWNFDk2WAAE5sgIw4GJ-e9iFrWBTX4U4gA

Steps to Reproduce

Current Behavior

v5.1.0 之前的版本，tooltip backdrop-filter 是有效的，后续新版本就无效

Expected Behavior

希望新版本也支持 tooltip backdrop-filter

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

echarts

来源：https://github.com/apache/echarts/issues/20271

2条答案

按热度按时间

ubby3x7f1#

我这里你的例子是正常的。同样是5.5.1。请确认你的浏览器是否支持 backdrop-filter

赞(0）回复(0）举报 3个月前

b4lqfgs42#

我这边得出的表现是这样的（使用 backdrop-filter: blur()）
echarts 在线编辑器：chrome 正常，firefox 异常
vite + react 空白工程：chrome、firefox 都正常
vite + react 成品工程：chrome、firefox 都异常（可能是因为 echarts 层级过深导致的？）

最终是通过 appendTo 解决的
https://echarts.apache.org/zh/option.html#tooltip.appendTo