fix(plugin-chart-echarts): xAxis scale is not correct when time grain is quarter

[stephenLYZ]

SUMMARY

This PR fixes the xAxis scale in the time series chart V2 when time grain is quarter, which is different from the time series chart V1. The bar chart looks like it contains three months. Actually, the bar width does not represent how many months it contains but is an optimization done by echart itself to look better, echart does not know whether it is month or quarter.

So here we use echart.minInterval to make sure that xAxis scale is the same as time grain, which does not lead to user misunderstanding.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

before

Time-series chart (nvd3)

Time-series chart V2 (echart)

after

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

[zhaoyongjie]

LGTM! Thanks for the fix.

[codecov]

Codecov Report

Merging #19686 (092d2e5) into master (6a3220f) will decrease coverage by 0.01%.
The diff coverage is 50.00%.

@@            Coverage Diff             @@
##           master   #19686      +/-   ##
==========================================
- Coverage   66.47%   66.46%   -0.02%     
==========================================
  Files        1681     1681              
  Lines       64468    64451      -17     
  Branches     6607     6608       +1     
==========================================
- Hits        42857    42839      -18     
  Misses      19917    19917              
- Partials     1694     1695       +1     

Flag	Coverage Δ
javascript	51.12% <50.00%> (-0.03%)	⬇️

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

Impacted Files	Coverage Δ
...gin-chart-echarts/src/Timeseries/transformProps.ts	57.89% <50.00%> (-0.17%)	⬇️
superset-frontend/src/views/components/Menu.tsx	50.00% <0.00%> (-10.00%)	⬇️
...perset-frontend/src/views/CRUD/welcome/Welcome.tsx	74.22% <0.00%> (-0.78%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6a3220f...092d2e5. Read the comment docs.

[villebro]

/testenv up

[github-actions]

@villebro Ephemeral environment spinning up at http://54.188.199.148:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[villebro]

Wonderful improvement @stephenLYZ ! ❤️

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.