echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Bug] visual map category deselection leaves parts visibile from boxplot and scattter series

Open nils-pfeifenberger opened this issue 1 year ago • 2 comments

Version

5.5.0

Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeBYAULWATAhmHAzgKZgBcsA2uppqhjZlhALZHQFTvlX0OYDkAQWbAArtDD8ANNT4CAyjmYgANkVgAVAJ4gi02XP4BJdmABOo1hP28-_ADLAA7kTOwnACwgEA1q5tyAgBMAKwApLAAjqI4EhBqAYH8ALJETLGJhgDs4VExcQkytgz8AKogum6e3n5mmXYA-sAARgQAtNBKekVyALo9fARiZgDGRNwGfDyBNPxZAHQhsNAA5vWGisqFk4bMOCNe0N07fCHzAIwAHADMtyHXAGwAnAAMD0Ev108DMw8XWUEnkEHgAWS6XUJZa5BS4_QJ_EEhc4goJgt4vEEPS4hb4nBh_G5fILQwFBVFZMFwuQLS7na7nc4vZFvTFXEFUuwLJarKSwTaqY7FGj9PGUUUCLnLNYckoAYRg5mAKnWdj2BwgRxVDDO5yeIRRwL11xCgJeQRlND-yIedPpxLJlwxsPFsARH2N1xe9ye1xyQSyFswfyy2JyepBWSuT0d50DsAWFNCLyeyJCkbeoTjc0WUt58okZiVWtgIqFmGmM1g_HO3OlLv4_O2ZdmasOgsrsDOQXOxPOkZBLwBMKeuObQYuaZCDyxjKBoOdY9d8xRDxCSL1TweybJDzjwaeka3dORKJeC47CZNmJDZOTGL1ISzNdzfKUAuLpZmFZm1drxYE-aKsqWathq7aVl2DxZFkg7PNGULIqOHZWqCIbvA8nqes85ougiIJgoiIKbrcB4wnu8yOiEjoHtaNxUeelaXl6WQ2tCZ7Jl8T61nmCqFsBoqfnwgmYAAvnCdByEwVgcDABATM2QgiOIkgWg2b5qJoOjgYYJgEOYlhsCpopCCMYwEDJ0DFvwABuOAqKI2mNC07SdKwKrCTQQyiKM4xis235JJKqz_lWjaObs-xtiF_AAIpehhTwhZcy5Qk8-HdlRNprjhi7Ztxr5bOFwoWgF2Q5sFWZhdFoGalmMVPAAcgASgACi8bRBCFNLvNcYJIlOyaYlmQUrLyVUWh5DClZy5V1rl431jVRUlDFkalEYTxtOcSUXCO-HvIC-G2sNs1jepy0liV9YjdFC25Ut0UtWSRIdV18wHp6SJESOm73LG12nQV74TVduU3ZV53VZFYHRfVACaDwAFIvDtya_WmaXvDW-Enfld0zJNNDTSU4P1vjlb8A9dVPAAQnDAAi1w7VhVHEfctwAgxP4jWdhUfqDHZ5VKt2QyB0O1fWADyepXCjcY0mCjqos8Ea9RSuMvuTfQCxTpPzaLi3ixdAgxQ89MNZ8b2XJGabgq8fYYY-AN4wbzaE-WzvCxDfNi-qEu5TFIQxQ1ADqDxbTturWy8nxkjB5zTv9YOA1rQk69zs0iz7ht-8bVYxZcDUhHDQQR3GyU1u8MdQdiRF9lzgUp67BPp43f7e8DOdRXVNbYpcZcujSaWOkR-ogoylwjhrPJA02LeisTsx64LqcRbnsMhDTiMAGIPKjzyPJjKLQgOOWCzzs8Xe7fnn5nHdzxTVP1m1sHbeX8wIZuiJEmeJpO8nLts5u1bmVduZNm6PyNrDJ4pQADSpQ97ywohCaCk844phtKuaeo1L78wXp7Cq4CgGCyfgHJ4AAJGm9hLg7Q-ARW0QIY5kmwbzTuwD8EAK9kQthJCoF1UuEYAAGkYN-g93pMMniGDE0jPj_1voAnhgRr6LwlHfbhD8fykMFm1CE1waFIOjH2K4lwiKPFuENAhODV7FQ4fIrh-tiGQPXlmFq-pkz6JdMlQcXoaxTkeGmM8DdQGawgdrWxus1EOMUZovhz9mI3CtkCCMNxwTGm7AGSxrCNFp3CRnMBUTslr27vWAuIdSgAC12qiMXF4g-KtQT2lPiw3BINclt3sSvUJSQtEUxfmuDxi4FibgpJcOCuoGQ9iCTNBRhSbH-UsVnaJ3TYlkNDmeEKZwvT6gGtGUZc5dyZJaQJEB0yOkU2sSUHpP4Wpbhgold-jx7weh7CaKCGTOEzwuZdNpwTCEFLzpTFZ2io45Ejgye4WRoykhHNcZpXzlELPvgCq5SQ2r4TeAPGp8xbhelGX_GE-Ebhwq6QwBFHy5qdMcTE5xz9x5khCG9NKwIbgrkZB8BOciIkzKvickmkTKVLKKTDFxO5gSo2PKuEEvVjxJzsZ8klcyvyIvUcioFvSyShEQS6EE70awHknFROhkLiVUpyfM8lizZmXLVdcp0oQNkXH9NBFi05biT2TCawVirAgqKrMvc5CrrU0tyi_VJjLUQ-N-pPDCCdPVWu-eauVFKA2mqFf7YFoIzRWz0SacEoYQycUOfC3lS9-Upq9UG4pAdLgaFlDFc4r0kEmPBGaTEaUoQRnZEWwNCalUWqRVDYNGapXVI7F4nEfUmSIhgpiKZfLuV4MTVys5P4vkCBRYYAuDUgiCAGR2TZrq0pTgjD6acXbyVZJ5T805fyBXxvXTapI9Unr0zlmIn0MFaSMiRB8NKsrl3ytTd6uQvqha3vLfeqsG67CBwAGpwxLoyyMMJZGoj7EdONV6l15JXUkNdUHH2breDcN9WKzS9XwixH0iIIRnwA1YntZKk2WtVUO3pLxBCCCMAyuMmybgAjQm8ekozsSYcXX25jA7fZVsFgXIw5T7CdV4461JxoZyemjGJ1p2H2ngdXT2h9bHbVQTBJHcEI6UTQXJBYi9Rz2E6d-cm_TQHK3CpKSEZIXGQiYovO9REqJXjhixLSd5SbL3iZ9cq_5g6ZPsagrcHzlZx3jzXAyH0Jj6Scpw4BitvbIv9pVTFtz1aND0z7PvIEx4oRY0ZLC7tLm8sgai3e1jsXbUUl9FbSM0FbjdmHvaLTxzr3ztwxsAzBGjOoutFcRlp6MLvD_kiUZg37MSfoyxor6aKb1WBDWEKOrJ4hF_sh14MFpwrfng5m9Tm8PjcBZNwwbVbZZFRjeH9hrGTTjo9lhjDWmPrak13YrsmYE0yakpsR4IcTvBbQldmF2lEltUfklrm2AXPvOOU-5nj5gxxxI8CEI7BpIXo-F7Ta2fvRUAnxNHsN4pfB2pZijrwpxTkdHV2z1Oizk_y5J-sXP-L3UIzBxqrV2oQ8GRRR5tIjuc0lXO0t-UBcRaawV3KyvpPA-22tDaiWZgV10f6VEXwqJnn_T9niBZudDauyNvTSQNdA629c56QJG3vsBO2x0k86Q7iy7pnBjvVu84B_z3i1uhcPZFwjZGqNWdgjpNG-kaVmlB8uxTgPVPw-C94VHlatMGZMweTHIiTIqLjxHQr5HL40-I-G4r0bdha_Ura0kaWS3SO-chTaFn1taQ3BHP7xzlugIq6mM1imzfll59mKbc2lsm01m7AlPRcdluHKn6SpHfqy0_k36qYXK0g6h3DqOpLFx-9EQLX2FMEJU_Z7H1NCfe-H-a-d0-wuxdS5n_1xcbxpuJ5gRngDlOdX8bcM9HMs8rcc8nFW9N1e4qI9dAhupPgrhoQmVexQtSdYB99MB_tKcsxcCWxD9Z9N4d4tUyNjQmR3hZ1yNkR79oDH8iZn8HcwDI84C7AX4WIf9AhkoARGR8IoUqIawvQGDR8edVc-d1c2Dc8OCSg2pBBt4Q5O9GIP5vQQwMtQQ9F19QDGCJDx81dBYiDDM5DZ8YF4EKDfN-9kx64zQsRsoxCad9Cn9DDJ8ZDYCtcfx6pKFqFI5ng-xuxoQlZ-NHCI908Q8CCw89CncAVBAHgGpZQjA91VDoIr9jEE8zxiRQiYCwlbcG97dDBjCJtTCBAdFiRkiZghkc1UQaiDwmRUjsimCPZXCX9oj2DPDUU3FoxxVDp5xaR3QiUN93DciIDrsoDxCYjHp4ki9Ic9EaIMs-5sQScLccDhizVRi7cbtCi1i010dLgylKkkC5AvEqCE5lYlZ6Rz0wtVi2jwjJDQ9pDbiPD39HsvQRwXskEXUsZ6J7hARfFGjnDmCWjWCniW8OjXitkKjkD3pIRkQ9FdQkRHgQDriiD8DM9CCdiD8Z9SjblkxmZfRl8_oRxAQ9EATwCIj0SoiJj2iXjOCQUeMcc3gbwIwMRblrZvsA8R8nDyT7jIjHjqTZDwTOCMQBxT9aFNxQQx4sRepUQrjsDUTt8wMtim9MTXNaT5C6V7UDFHhERh5aRfQUwyTg9eTKT-TuSaSAUnpgQxUDEoI0tyi1wtwUQjS7iDCpCjDVTiDsSqxQ0Ekm0TF9RdQYcE4TFEQXS688jq8CiVTQTp8SifSE5T43pIVuwY4WJq5sRPhwyRiKTICMTYzdjYYa060G0Jcu9NxdRcUQw0DB9sz1jcyxj8yBTnjLTEz6QkMjsnQmTng3hljOSbjmycyTS8yqTzTBT1SzCX0VDKjkF_RETaMOJ_Q6yt968ozlS5RPSTChSj94NENtTrZ7gMQoRJ5fRlzgM3SHiPSCysT4z-AWo3UDxkySMcgetD5dSzy8DFT_VWjBy4ztzZ9iNPRGUMZpxRlSQzwbMUTPS0TDBnxoyNzry1T0cQgNBylEYGTFw-MewE5_DO1_Qq8qw4LA9oLFSiLxixyWzHpEys0m0mQmRZSMQ2RRD6wiKuSwiIyNjZgyKmyKKwSJyTZiz613dJcQtj19oy9dQuIa8SLVzCKUc3DEKvTbyWo2yeDjjcd3EsI7QIQsEWKlcZLIy5LG8ELfzCzqY2o2oHUIK1wP1GLsQTQpKZ4FTZLfxjLZgij7tbzn0ghX1El-DBpoR7h_DHLiLFKYK7BuLRz2K-LkLdyyzVCfRWY9FPhVw1ZkSKZWKBzeL6zhyIr5KfzsqzLn4HyPixEQwwQ9Q-4jsawQq2KcicqLyfxIqzToq_z-L85ALpzoTowPQZZiI8c-zYL9KwrSL8qQTTKbz_zSimTTN344S9pPgFrBjcpMrnLDLXL4L3LNziipr84PMvMji-Ahk-sDwKqRMbQOShrpKRqXLmqryJqkKiyGoQQABREEB1M4lME0ALHsFLWqrK1qlc9au6hSh6pS3au8pkhLNSvgLxP4g0AcR4FiQtFa4asG8KkoEGgqwGya9q2KGtMrUqsjLEFkRWL0AidKpqtGwq88lwwWLG8ammx6lxQcKVImqwnsD0UIf0B2Q0vS669G0atygCbazyiGlS1kKE6kd6DCJGs8G0FJbsf6tazigQBm7YxSrcvGp7EMdm8_J0SMIEa2fgmg5Wgy1WoyzakWzWna7Ws0IEDC8so7YeVcJWFMOUqmgWpmxrRqpIdWmMsGrW9HUHcHK2AiT4AELEbm0k_mpy82hszGsajWwO224OlSrHRlZJROE0TcMvDnem6mnGz826pOgO72oOx6ekOkLq6WyFJPHIDCEMW_M2m64G0uky8u1O2GM2DQTrOa3qYiI0fUfxLAz2uO1uoc2AMSWQQSAAD0EFnu8HIAkhoFcl8n4GclcFskgFknqDAC0nIH4BGDwCIBWGADMC0ESGnvoC0AXqXuQEmDXsPpUGABWEZAAAocBmhxBcBoAxgABKK-gYYgMwCAIgOSG-GgFehgfe3QQ-5oYAWe1QYAIyIUCALAeBxB8BtoWILANoaoXwVwAgFUXAfAYgMAEwLAIgWe8gF4DkNgEYYAKh5e0UGhqsJoVoDoLoYsLQeSQWRwFwKoLwQhuoLMUICIaIWISASDFINICADIYaXISRgoAFcoSodwYR2oJg6-hgHRqBk4WB9eggY-sAMAfwDkdBw-sQMAFQMBswYhjkUhwgEgSh6h8gc3TABhph3yaBvgNh_gDhlybhi0XhqsWyeyIqPRhgCAMx5geQfetQZe2ARhl-swQ-gAYhesuEEBrG3mkFgFAH2BidCZeGxV5AQbMCobMHlFSYydlAHBjiZinrhD0cEmsm8BiBUGSBwBABYdsEMcPpADAbGCcG8EcnPrAYkEPo8AmYAC8FQ7I97QBD6wBQB6g1AAAzMgKsMYCQcxyYKSNgCyWhuEEx0-iZ8B7gDa6UQil4L2HfduKsa4YWDyWQa-kSAAbiAA

Steps to Reproduce

In the shared example, click on the legends entries and see what the chart is showing.

Current Behavior

deselecting the first category works as expected, while the third leaves scatter point borders and the hover shadow of the box plot visible.

Expected Behavior

I'd expect, that the deselecting hides all parts of the series.

Environment

- OS: Win 11
- Browser: Chrome
- Framework: Vue3

Any additional comments?

No response

nils-pfeifenberger avatar May 08 '24 15:05 nils-pfeifenberger

bug indeed, workaround is to remove borderColor from scatter.itemStyle Similar, if not duplicate of https://github.com/ecomfe/echarts-gl/issues/491. Might be related also to #19272.

helgasoft avatar May 08 '24 18:05 helgasoft

bug indeed, workaround is to remove borderColor from scatter.itemStyle Similar, if not duplicate of ecomfe/echarts-gl#491. Might be related also to #19272.

the workaround covers scatter items but the boxes still have a shadow when hovering the legend.

nils-pfeifenberger avatar May 13 '24 08:05 nils-pfeifenberger