feat(plugin-chart-echarts): echarts funnel chart

[xiezhongfu]

add funnel of echarts and the demo into plugin-chart-echarts

this is a link from funnel of echarts.apache: https://echarts.apache.org/examples/en/editor.html?c=funnel
this is a gif of funnel in superset

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/superset/superset-ui/ERWAfh3uY9n7unxmqiefvzRpMqkH
✅ Preview: https://superset-ui-git-fork-xiezhongfu-master-superset.vercel.app

[codecov]

Codecov Report

Merging #1006 (3b394c2) into master (6825e87) will increase coverage by 0.16%.
The diff coverage is 50.76%.

@@            Coverage Diff             @@
##           master    #1006      +/-   ##
==========================================
+ Coverage   27.80%   27.96%   +0.16%     
==========================================
  Files         453      459       +6     
  Lines        9104     9169      +65     
  Branches     1416     1429      +13     
==========================================
+ Hits         2531     2564      +33     
- Misses       6381     6409      +28     
- Partials      192      196       +4     

Impacted Files	Coverage Δ
.../plugin-chart-echarts/src/Funnel/EchartsFunnel.tsx	0.00% <0.00%> (ø)
plugins/plugin-chart-echarts/src/Funnel/index.ts	0.00% <0.00%> (ø)
...s/plugin-chart-echarts/src/Funnel/controlPanel.tsx	66.66% <66.66%> (ø)
.../plugin-chart-echarts/src/Funnel/transformProps.ts	74.35% <74.35%> (ø)
...gins/plugin-chart-echarts/src/Funnel/buildQuery.ts	100.00% <100.00%> (ø)
plugins/plugin-chart-echarts/src/Funnel/types.ts	100.00% <100.00%> (ø)
... and 2 more

---

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 6825e87...3b394c2. Read the comment docs.

[ktmud]

Thanks for the contribution! This looks good. Can't wait to see it in real action.

[junlincc]

@xiezhongfu Thank you Zhongfu, for your contribution! Would you mind attaching a video? I can help you update the description accordingly

[villebro]

Some comments. In addition to the recommendations posted here, I believe we should consider removing the last cone in the funnel: for a sales funnel starting at 100 and ending in 20 closed cases, the funnel now looks like this:

Here it looks like the last step goes to zero, when in fact the funnel closes culminates in a 20 % closing rate. I think it might be more intuitive to show the last step to start and end in 20, making it essentially a box. Alternatively the funnel could be changed so that it only consists of two trapezoids, and the labels would be "cold call -> follow-up meeting" and "follow-up meeting -> sale" or similar (maybe this could be a customization option).

[suddjian]

The code all looks good! There are several changes suggested by myself and others in controlPanel.tsx that I think should be addressed. I'd be happy to help with those modifications, too!

Thank you for the awesome contribution.

[zhaoyongjie]

Please resize thumbnail for Funnel Chart, Thanks.

[zhaoyongjie]

sort and orient control can be aligned vertically

[xiezhongfu]

The code all looks good! There are several changes suggested by myself and others in controlPanel.tsx that I think should be addressed. I'd be happy to help with those modifications, too!

Thank you for the awesome contribution.

Thank you. I try to solve the bug in controlPanel.tsx because I bootstrap superset-frontend in superset after I solved the DNS problem.
You can try those modifications.
SORRY for response the comment after a lone time.

[zhaoyongjie]

LGTM! Thanks for your first contribution!