feat(viz): add mixed timeseries and radar chart

[villebro]

SUMMARY

Adds Mixed Timeseries and Radar Chart from following superset-ui PRs:

• Mixed Timeseries Chart: feat(plugin-chart-echarts): add mixed timeseries chart apache-superset/superset-ui#1027
• Radar Chart: feat(plugin-chart-echarts): Radar chart POC apache-superset/superset-ui#1029

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Radar Chart:

Mixed Timeseries Chart:

TEST PLAN

ADDITIONAL INFORMATION

• Has associated issue:
• 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

[michael-s-molina]

Awesome!

[zhaoyongjie]

LGTM!

[codecov]

Codecov Report

Merging #14197 (6f58985) into master (fe21de3) will decrease coverage by 0.00%.
The diff coverage is n/a.

❗ Current head 6f58985 differs from pull request most recent head 72500b6. Consider uploading reports for the commit 72500b6 to get more accurate results

@@            Coverage Diff             @@
##           master   #14197      +/-   ##
==========================================
- Coverage   79.87%   79.86%   -0.01%     
==========================================
  Files         944      944              
  Lines       47916    47916              
  Branches     6067     6067              
==========================================
- Hits        38272    38270       -2     
- Misses       9520     9522       +2     
  Partials      124      124              

Flag	Coverage Δ
cypress	56.31% <ø> (-0.02%)	⬇️
javascript	70.25% <ø> (ø)

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

Impacted Files	Coverage Δ
...-frontend/src/visualizations/presets/MainPreset.js	100.00% <ø> (ø)
...set-frontend/src/dashboard/util/getDropPosition.js	90.90% <0.00%> (-1.52%)	⬇️
...dashboard/components/SliceHeaderControls/index.jsx	78.35% <0.00%> (-1.04%)	⬇️

---

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 fe21de3...72500b6. Read the comment docs.

[lilila]

thank you for these charts, they look super nice. However, why is it mandatory to have a B query for the mixed time series chart? Could it be possible to leave it empty? @villebro

[villebro]

@lilila the mixed timeseries chart is really just a stripped down version of the main timeseries chart, but with two queries instead of one, and the possibility of separately customizing the charts of the first and second query (e.g. bar on query A, line on query B). So if you only need one query and one chart type, you're best off just using the main timeseries chart.

[lilila]

@villebro , the new version (mixed time series) just look better ;) . It was also because I notice it is not possible to add annotation on area chart while it seemed possible with the mixed time series chart. One extra thing, it would be nice to have dashed lines in this new plot.
Thank you for your quick answer