@jiao1187875445 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] Excessive animation of custom series enterAnimation During execution, switching the legend selection state will cause an animation error

BODY

Version

5.3.2

Link to Minimal Reproduction

https://jsfiddle.net/jyx118/92ymjves/23/

Steps to Reproduce

After opening the above jsfiddle link:

1. Click the button "Run" in the upper left corner of the page;
2. Before the entry animation of the error bar is executed, click the legend twice in a row to reproduce

Current Behavior

After going through the above process, it will be found that the error bar should be at the upper and lower adjacent positions of the inflection point of the line chart, but the animation is interrupted due to the switching of the legend when the animation is not completed. The entrance animation's y property stays where the previous entrance animation ended.

Expected Behavior

The expected result is that no matter how the legend is switched, the entry animation can be completely executed, ensuring that the custom graphics of the custom series are in the correct position after the animation is executed.

Environment

- OS: macOS Monterey
- Browser: Chrome 92.0.4515.131
- Framework: Vue@2

Any additional comments?

No response