Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Bar chart display bug using the data drilldown transition animation #19897

Open
ZYYeoh opened this issue May 7, 2024 · 1 comment
Open
Labels

Comments

@ZYYeoh
Copy link

ZYYeoh commented May 7, 2024

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

bar-multi-drilldown

Expected Behavior

bar-multi-drilldown (1)

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

ran into this bug while implementing data drilldown animation into chart that can filter data.

@ZYYeoh ZYYeoh added the bug label May 7, 2024
@helgasoft
Copy link

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().

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants