fix(plugin-echart-timeseries): legend trancated on show extra controls

[justinpark]

SUMMARY

When extra controls are enabled in an echart timeseries chart, the x-axis legend is truncated.
This is caused by the extra spaces for the controllers which pushes down the chart without resizing.
This commit adds the logic to calculate the offset space for the extra controls.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

After:

TESTING INSTRUCTIONS

storybook

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

[ktmud]

LGTM

[codecov]

Codecov Report

Merging #21017 (7915868) into master (2c8867e) will decrease coverage by 0.00%.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##           master   #21017      +/-   ##
==========================================
- Coverage   66.33%   66.33%   -0.01%     
==========================================
  Files        1767     1767              
  Lines       67348    67353       +5     
  Branches     7144     7145       +1     
==========================================
  Hits        44677    44677              
- Misses      20843    20848       +5     
  Partials     1828     1828              

Flag	Coverage Δ
javascript	52.11% <0.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...chart-echarts/src/Timeseries/EchartsTimeseries.tsx	0.00% <0.00%> (ø)

📣 Codecov can now indicate which changes are the most critical in Pull Requests. Learn more