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

ffscu2ro  于 4个月前  发布在  Echarts
关注(0)|答案(2)|浏览(39)

Version

5.5.0

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

5anewei6

5anewei61#

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 .

xmjla07d

xmjla07d2#

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.

相关问题