[Bug] Bar chart display bug using the data drilldown transition animation
Version
5.5.0
Link to Minimal Reproduction
https://echarts.apache.org/examples/en/editor.html?c=bar-multi-drilldown&lang=ts&code=PTAEBsFMDdPUCMoAUAnA9ugLgSgFBRagAmAhlqQPpYAWAlgHYDmAzqALygDaeof3AcgCCDOgFtS4FgIA0oAMxyBtRq1mgBpURKkCAujN78uAgGKoArnSzS5ijSua2NAM0vXpBo3xMBhUqjOAExKjmpKAMYBnnh6ANx4IBAwcKBBBJBEZBSUWuKSbJw8_IIAIujhCkp5Os4CxBWehiV-5M4ALNXaBeoCUTb6zcYCAEJ0qMTO9prdukoARuOT-rEJhCTkVG5WNhzc3oIACuhikFNK2x69AA4nZ4MHJiOQqKh093Kdru4DCy9v9y8LQEvmslmcAE4Lj86hEwRYYvEMllNpQooE9sVhgBlACqADV1ABWSLRXosCzQB7A7G3VC_KoadF1Fh0gZ6VaJMBQWDweTIjY5BqsTGPEHoVBMOjEpTCpqgJK0SCgABEEXo4GIZywKsFpFADEgkGIBuwoCw6FA82VrMgcJc7xN-oABuq6JqAOIYCzXACSxGdYpGFnAmoq6gAbLLGtScfR5vrfQwLOoAOzRtQcpHrbJUfqFfbAoSnN5RBigbE0CW0UjjdQhJltWM-UZvLB0Fg0CtV-k0WuodRQxvsoYt57MST10kjoPjCQMKfDxFrTJ6yiLCYFrEtj2YFiQdQIBZLJpigDyAHdwIuBBvlkDhgBRUhMKDqAAcx83K2zq9zlFuU4tzFIRrmuN85CHARAMBUcjkgAIbxg09gQAaToC9pTkI8NGQn8VxRHJrVed5gOBEZwFICIAGtiIBZx0w0OjSObQRfFQLRmI-NI_hI2CxWxLAOIvLjIV4-jWJML1SGubivlvf4WKzAi1zhISEVFYEzw45huOmNTwUkgRpNky4GUYvp4RQ4YABUtCYF5GG4z8mSsoyABlIDEdAGAYyI3IfFt3PEPT_PU6yW1QiwxAARwsJs5AbSzwqM0EhJ885XJSwLBBsyBdPAdAL0y5LDJykxcVfOgzMPMKys5HNUQpaBNOGABZUgAC8yFAXwAA0AFp5AABjTJRmqMkY2oAdVAPqgjGjQJvKswJRNEYMAYCJLVpasb2WuCTBs9AAE9sH1AAlIR8XaQdxspIzjkCdVlQ6st1Hk5aGr_Jq2TI4YnpYF7QFTBB3160gTvnfa_seiUgZoZUIQQJAbIsVB5nQGHqwiwRTH-AI6FAUx3w-8bYeUgVJHATzeVKTZWr4f8whYOD_xqAo2dRMzWYOf9mS5oVGkFvM2hF9cT3F5DxdE8WDIRcXmsVv7OTwbbfKIcCzU4ZAcA4AA-UAAG8DnWamz2udsMoALmNg4WkYLUAA9bZYITVD0W2tBOhISgAXz2I2_d9_gDmp2m4HpigADoXAlZ91WQZBczkR3ICdvX2ENk2ShKJIWEYCJlVzX0sC8th0BcUAEPVPVQD7WBQBYUhTlAJhvT9E1GHNegWHt_gknTlvwMgOQL2VMtQARZV2_QH1_VAUgK8tugfIXuPUFAdAV58wSqOo6P-74dW3a3neGAXzhcy4Ya9C4IIkRKI_QBPoht6t8tOBz3Of7oYhbffqvC-xA5BJEAT5aOf9QAdlNEQfU1wMCyXpCdLeVcvInV8H2eky8P6gG8lqcAch5gWCIJPa0i8IhFxYPuLuVdx6gAQegaAf9lTWGfiUJ2QgnYdltt_H-DzQnVkrbPo5BIBMAlCdAQ7D-B-zggIk6XCeF2wEQIsQjAkxl1QNASQtsEAyL4HIgxi9ugf1KOjcgQDcTXGyJAW2RJhrDXkfw_c9FeHGJKFgIRdimKIWcaokgIVfJAJYLbEwTtehSKULPeexBehuk9B3f0rEAl8HyttLU7jUmqJdhoCJ_jsmgBOiIqJHj-HWC8l6OencRExM7rIMpv8y5iEwe6YgVTYkiISe0pJcTGmgCMYU_gKd-kWFELAQIkgbI6QLh_LJQzc75VIPMKA_9zSWFHv0koxA6DMK1JWGSPi-iFUNNIhZAzjGDNSe3GS9AIhhP6Xw85gjhEOHTlgBpzz-BQBcFgexTitn8AtNcW2QQAVfL4G7E6UB5kQqBe8kRIx96fLhfwOODAsDYjoJ1HxYMCnnIdKGWpqBIBSMBYY_FqSfIRHAHQGitsXBjIiLg3WKjUV8AkUimiusQ5fL9v0q5QynnnK8a85Q7yUVfJ-X8xADjKUBOBaC8FEKoUwrZeysuTsZUCAAHKQAvFHUgkrUXosxdi3Fn5yW50JeAYlpKzkQsFc86ltL6WgEZVtFlethUQq1lgQ0F4eVWv5eckNqSOQCODs_c258WBcHAcAvQewE28oGTgVNBwkhCCbhQGi5pLQktOGIYiDCSXMLnjgoB0DiCm1XAmvebq3ZvGYFwJNRQkQHFfm3dApgJQXgCCaHWCb_Su3dswTO2dn71tzQfa4CIaDIDEBgrBWBo4OSwBbD-utIFOjYE21Q6aFRgDnZ2F-6MSUYrPrgqBjALQ5v3ofNRy6Airv3Bu8-yAY0fzjcO4geh00HCjZ2jKRBOX7z2KyrO6rc7VRQNOh9UBmC0A4OwTgw1vXGJPugKA0dCpMGQMIcAJLSDEBQd3DAZoeRwAAIQCAA5G6uUhlQ-p_lhnDeGCO7itOBu9CCYCrw0lR8A0c6OpqfZgl90c32bqAZ-0MMmMrxvPg22d29WVLxzc2pg_6xOyMAwkYDGsGGFX9fqiDE7oN525CkeASA0CYFwM_Zm9AnCM1USYEQ-Q5iMmUC5yoMwvO4xKI_fhSQhNpCc6iDmUg3MCJMOUSo0xot1DlCk_hrQGTyWS_EpsOU4ujBPOoJLsw6h3hiAIkLP8ws2YUJFoWIoijGL8BKKUMoNCpYMEenuyo1Qai1G7XUuYDRGhNAwM0d7yG2ntI6ReoBXR9Y6Z3QM2SnghjDEwSMGYgvpYEJWOgCZQBJhTHICyHXn6VdzvzNosWdvFkcpPSs1Y-x1kStObbP8nhtg7F2R7vZ-x3SXGlj7ox8pMEnK9wHeWdtjFQNDCHoj2Tnd00zVEZWbvA93OgfctUmKFah8Dy8154dlaB7nEwz5XwHjkC5W8eOkfRtDBHcAhr0eXdRCzeVa5kuc__HKHnqJ8z86IieenAiv0hMDlGgRDOaY2cNbHeOVEF3J02KnBgzsLMsdzvnQuxdNil3Lqg6uSu64NxtC3GevToHlhUH3bJg8nbDygGPCeWgp77jblbjTv73USivUAlTj7Uldp91fTYN874P2R6ATDIH_c-UDv0v-ADz7-lAWABNO7oFsDG3A0t28XheKN-giT2D4_lnwXAIhJCX5u_IVRKhNDoF0OVIwvZrCsD9M4dw0JlmFmiqOf0cRkiHVDKddkxRPfYXPPURfDFLwdG2sQAKznJQOZmIsR_axtj_nKqGa40i0-RXeJEQmAcq-E7NOMEm2gh8kaCiRoOpyTIgLd6aT7J6T0CZL7183JAh8krUShikH9jU4UKkxBFsR0n938L8AkIDWlElqloC-g39kC-k4Vx8FkRk4UxldkXhm5wBpktBZkgEj8IUlkVljRbZ1JNl2UmZdkWEDkxUaUfIDxg0V9-kblrg7kHk4Utdj8xVNUPk4DVFpV_lRCBFFU0g99UVVUfEBCIVhDEVkVJDUlTUsUcU9FLV6DrV3Ql8BB257UgDZE1Cf4XU6VqIGUmUvVf9UUwNuV6N6Cw0-UzC7DBCjlhCwCIVxDZVZC4VpCwU3CSh5DyCNUEUNA9UDVNhvD2UNDzVtDgj-EbU7UyVdCsCvkLC3UPVmUq1WVFCvk_UA0g10iODzkI1UkpdUlxdFNf021y9o8_YnCf5n4l1S9X1MgFMGA5NwAui41fNVBPBmiBlU02iV0pNOiP0ajfITAWZ9AAMDgxjJMfICMaVLDyRHJuJkBrgAgW4WBNdn4u0S5mk9gdiOIxAWBo4hsNNvZo9YMVcKADcxAuB5B_13CB4wBfQq4Ihz18pNZdiLjs9YErQ4AfImB81utVRultRBtVdoEiA-w2Br5XjY8jNukoDB09QniXiLsBEdctplR6Fp5Pd0DF5K014u4bde5q5HcxAR5OckgiSPd0Svc2AlRhstVkheRy9_Qg8Aku1DQtUujL4X40DYlo8SgJFe1UB-0JhkBBT30P5_Rhj_ZAMAN-U8A_UeUgA
Steps to Reproduce
Click the button NewData is sufficient to reproduce the issue.
Current Behavior
Expected Behavior
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
ran into this bug while implementing data drilldown animation into chart that can filter data.
yes, there is bar misplacement bug when a name repeats on different levels - duplicate of #18197. In your example, name 'Animals' has been defined in plot and is repeated in plotnew. A rough workaround would be to rename 'Animals' to 'Animals ' (suffix space) in plotnew().