feat(deck.gl): add color range for deck.gl 3D chart

[stephenLYZ]

SUMMARY

Currently deck.gl 3D Hexagon and deck.gl Grid cannot set the color of the extruded bar. Here we use color scheme control to give these two charts the ability to set colors.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

before

2022-04-05.12.46.27.mov

after

2022-04-05.12.44.21.mov

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

• Has associated issue:
  • Chosen colors not reflected in Deck.GL grid #9697
  • deck.gl Screen Grid doesn't display colour selector #8022
• 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

[codecov]

Codecov Report

Merging #19520 (b9dd681) into master (4b92287) will decrease coverage by 0.01%.
The diff coverage is 0.00%.

❗ Current head b9dd681 differs from pull request most recent head b1917f3. Consider uploading reports for the commit b1917f3 to get more accurate results

@@            Coverage Diff             @@
##           master   #19520      +/-   ##
==========================================
- Coverage   66.59%   66.58%   -0.02%     
==========================================
  Files        1678     1680       +2     
  Lines       64242    64254      +12     
  Branches     6539     6539              
==========================================
+ Hits        42784    42785       +1     
- Misses      19763    19774      +11     
  Partials     1695     1695              

Flag	Coverage Δ
javascript	51.33% <0.00%> (-0.02%)	⬇️

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

Impacted Files	Coverage Δ
...legacy-plugin-chart-sunburst/src/ReactSunburst.jsx	0.00% <0.00%> (ø)
...ugins/legacy-plugin-chart-sunburst/src/Sunburst.js	0.00% <ø> (ø)
...s/legacy-plugin-chart-treemap/src/ReactTreemap.jsx	0.00% <0.00%> (ø)
...plugins/legacy-plugin-chart-treemap/src/Treemap.js	0.00% <ø> (ø)
...egacy-preset-chart-deckgl/src/layers/Grid/Grid.jsx	0.00% <0.00%> (ø)
...reset-chart-deckgl/src/layers/Grid/controlPanel.ts	100.00% <ø> (ø)
.../legacy-preset-chart-deckgl/src/layers/Hex/Hex.jsx	0.00% <0.00%> (ø)
...preset-chart-deckgl/src/layers/Hex/controlPanel.ts	100.00% <ø> (ø)
superset-frontend/src/SqlLab/App.jsx	0.00% <0.00%> (ø)
...src/components/FilterableTable/FilterableTable.tsx	71.42% <0.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 4b92287...b1917f3. Read the comment docs.

[rusackas]

/testenv up

[github-actions]

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

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.