fix(echart): initial chart animation

[justinpark]

SUMMARY

During the process of applying the echart locale patch for #31751, superset encountered an issue where the initial animation of all echarts disappeared. This problem occurred because the logic to call handleSizeChange, which was previously located in the component's didMount, was moved to execute immediately after setOptions within a useEffect that has multiple dependencies.
As a result, when the animation was triggered, handleSizeChange caused a re-render, interrupting the animation process.
This commit resolves the issue by moving handleSizeChange back to the mounting phase, ensuring that the initial animation is no longer interrupted.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

before--echart-animation.mov

After:

after--echart-animation.mov

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[korbit-ai]

I've completed my review and didn't find any issues.

Files scanned

​

File Path	Reviewed
superset-frontend/plugins/plugin-chart-echarts/src/components/Echart.tsx	✅

Explore our documentation to understand the languages and file types we support and the files we ignore.

Check out our docs on how you can make Korbit work best for you and your team.

Loving Korbit!? Share us on LinkedIn Reddit and X