echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Bug] 堆叠柱状图的label在柱状图高亮后被遮挡,In stack bar chart,the label was blocked when the bar is active

Open M-Nemo opened this issue 1 year ago • 1 comments

Version

5.5.0

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=bar-y-category&code=PYBwLglsB2AEC8sDeBYAULTsBEBDaEAtrpDNgFywBmuANgM4CmANOljgOYBOEAJhcjbss2WoypgBAFgBsrDMMzYeHABaTKARgAM8xUrCgBAJl1DF2AEbAwhwhRnbzsAL56RADwCCHiPQGoChZgAJ4gjALYAG50AK4R7haEENACmsYAzNoA7DIAHNqFRYnC2MQeadmaAJxSslJFhSXs2ClgjFwxtAJ5Mg2NzSK4vvQAMriWjN2Ugfql9KrAAO4Asinjk9OwYFzxzuwuzm7O2CE-fgH7IqHhkQDGJIwcwFwh2INK1rHQvLivAOK4EACGgMFhXJTDPyjFIRGYQ-aLJYCHZ7ILCY7olpQ-gAFQgdwA1pcsfpsAtlijdowEZi5ngRhspiS5i0KcjKKiaaTMHSyb8wLgBABtBHsaCxWi0D6lLzvMUiABC8p5pQAwirWSIACKarU4ACieq12AAYsbWRKpQiALpHErkjoQRj-Sii1WzfXYaC4QhwnBiCQW-k3f1WP7Bsn0QVEyIAZUjFgg7UIcdCYhZ-pad2AtBekR2-HoID-jGgkgVvJlbIgYnLILoTGrIkYhBAqlw9Au8NV9OTrbTIQzPaz9Jzea4Ba4RZLXDLFd7-j5o4DE2ZI5XpWsXF4HTVufzlGwhegxdL9ebJoWuF4y33E6nM_PkkvrOPjA8YEVL13XHvh5wE8zznC9KzfKgYDAAB1RgIDUDRYGqQowIOMDlzfAUhTdFCsE9TcRC6eIBDMRcTVoNctjw_DEUpTlqVfLNsBAYAu1IVIjxSLtdwAJTg9RsBwxRDlIjEGNwwTSkI_10gybIMgyOpGhI6iRHIzZMxUtkkQbMExJNZjWKgdicE4vhGF4-CBJEuZhPw9Csyo_DojiaTsm0YwAFZ0iU5TNNECiNM0pR2SpeI9LfAzkyMyJTJ4viFyC2zN3s_VHM3ZzaCIrQ3M87ylPClo1PXQRrK9EK6LCiT6UitiYtPMyLP4qqsCSlcUq1NKVwyrLYE0HKvNMfLmqUIrKOGmiOW2ejxpaGroo4-q4ss8bWtHdrWU60dutc9yBp8grVICjcguC7SKvBUr9JYqKyAWrjzPiqzEok9a5k2xipMqXa8oGcb_PU46TvJM6psqy6Iuu2q7oax6Vpe8L3q9T7KF8lT_uKxGuvK0GLpOkQ5tukzFoe5bwdQ8HVrmO1VXWzGcB9P1ImIFJE1KUNIksCNX3JGNiSPBNuf7VN039OnswPScjwAYlNLxFXl5U0O51t207bsSqcoXB2HDW_PHADsClg0ZA8xVTae5LwvRsayZEbdf3_SXAOnU9Z3nVnGOvW8lkdx9XefD2vXaT9vx3PcJb94D3YOpQIPLGDHsoJCnAppWwOwTCRQksWyWR2BUeo63AqC4HaOoRtcbxnACeM1picahLNMp_VXv0HOLDzqQ8mMTQfuKP7RuLvzsa5GPShrur7tGcRG5U5utVbxR28kly0hkaoFP6fvbZGo7dbx0vJtBJsZvxyH5qJ-6G4tuf4ezv6880dfN6GnfVwB_egex4_K4PifoaWk1N-89WSL2EMvFoj9n6KV-m_IugMS7fwrmPWa59CZ1yvrDYBd9wYQIIqvLQ0Ct5NAHnvPBFgkG6VPkof-l8Yak2ehTBGD8CG9SIa_Eug8EHDxBj_FBZ9DLoNiiTIBjC7LMLgXnAuTkuGf0Qbw5B1Dq5oNrsI6-cNU4iWpjZGUdNvS-jDCofi3N2ZHk5pObm0ZcCxn5oHJQWsRZDxNPrJ2x4XZR3rGnES5Jazu3OsrNsHYuyujkV6BxQ5RZ_RcZHN2nimESXgaErq9tw4PiPEBWJL4_pezvBHdJ7jMl2LfMHL8P5UkGwyQHMe2A47QVgpZJOyFNFZjARnEgWFYDunwuQnAUjqmyJ6VpMufClFMRUZPMy08gwaPEffSRrDpHpQGaMyhJ836oMEao4mUzZ7URATouZJc-mkI_oMkQqzf5A1oRgyZM8b57Jwd0lhmV_SLK6ss9Z5yFFUM-TQ8ZADGA7PuXZR5m4enbWIv0shKzvlrKrsozZEzdxApmZbQ5fljlwI-fCw-Ok4VVzGYigFKLsHxNwc8nqbytrYoJRc_hfyiV0ORXc1FbUJFHIWVC05MLhmKN-Qim6Wyp4stJSCrRtJnDUxcEAA

Steps to Reproduce

产生背景:使用堆叠柱状图实现类似甘特图的时间阶梯效果,使用三层柱状图堆叠,隐藏两端柱子,根据时间长短来控制label的显隐和位置

Current Behavior

柱状图中的label在选中对应的柱子后会被遮挡,这一点在使用label.rotate或者offset后发现是被遮挡而不是隐藏,因为溢出柱子的部分没有被遮挡 the label in the bar was blocked when choose the bar, i try to use label.rotate and offset and find that the part overflow was show as normal, the bar was just blocked under the emphasis bar, and i can not use z or zIndex to improve the label

Expected Behavior

希望能让高亮后的柱子正常显示label

Environment

- OS:Windows 11 
- Browser: Chrome 125.0.6422.142
- Framework: vue@2

Any additional comments?

No response

M-Nemo avatar Jun 28 '24 02:06 M-Nemo

@M-Nemo 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 stack bar chart, the label was blocked when the bar is active.

echarts-bot[bot] avatar Jun 28 '24 02:06 echarts-bot[bot]