Skip to content
This repository has been archived by the owner on Dec 10, 2021. It is now read-only.

feat(plugin-chart-echarts): Radar chart POC #1029

Merged
merged 9 commits into from
Apr 16, 2021

Conversation

zhaoyongjie
Copy link
Contributor

@zhaoyongjie zhaoyongjie commented Mar 28, 2021

🏆 Enhancements

Added Radar Chart

  • basic query panel
  • color schema
  • legend options
  • labels options
  • radar shape select
  • support cross filter
  • support each metric configuration

Additional

This PR dependence: apache/superset#13983

Data Panel

image

Cross filter

radar.cross.filter.mp4

Config Metric

each.metric.mp4

@zhaoyongjie zhaoyongjie requested a review from a team as a code owner March 28, 2021 16:06
@vercel
Copy link

vercel bot commented Mar 28, 2021

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/7seHzEGan2vQpZ6GpyUWZq5vvk95
✅ Preview: https://superset-ui-git-fork-zhaoyongjie-radarchart-superset.vercel.app

@junlincc
Copy link
Contributor

@kgabryje Kamil, please help review this PR 🙏 we are hoping to get it in by the end of next week with all comments are addressed.

plugins/plugin-chart-echarts/src/Radar/controlPanel.tsx Outdated Show resolved Hide resolved
renderTrigger: true,
default: numberFormat,
choices: D3_FORMAT_OPTIONS,
description: `${t('D3 format syntax: https://github.com/d3/d3-format')} ${t(
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should add a new line between the link to D3 and the next sentence

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In the control description looks that can not break lines.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How about adding a dot at the end of first sentence?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
description: `${t('D3 format syntax: https://github.com/d3/d3-format')} ${t(
description: `${t('D3 format syntax: https://github.com/d3/d3-format.')} ${t(

plugins/plugin-chart-echarts/src/Radar/controlPanel.tsx Outdated Show resolved Hide resolved
plugins/plugin-chart-echarts/src/Radar/index.ts Outdated Show resolved Hide resolved
@kgabryje
Copy link
Contributor

kgabryje commented Apr 1, 2021

Can you please bump superset-ui-core and chart-controls versions, so that #1035 is included?

@zhaoyongjie zhaoyongjie changed the title feat(plugin-chart-echarts): radar chart mvp feat(plugin-chart-echarts): Radar chart POC Apr 15, 2021
@codecov
Copy link

codecov bot commented Apr 15, 2021

Codecov Report

Merging #1029 (bba5888) into master (d31e6ba) will decrease coverage by 0.19%.
The diff coverage is 6.17%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #1029      +/-   ##
==========================================
- Coverage   28.13%   27.94%   -0.20%     
==========================================
  Files         441      447       +6     
  Lines        8939     9019      +80     
  Branches     1363     1384      +21     
==========================================
+ Hits         2515     2520       +5     
- Misses       6236     6310      +74     
- Partials      188      189       +1     
Impacted Files Coverage Δ
...onents/ColumnConfigControl/ColumnConfigControl.tsx 2.63% <0.00%> (-1.08%) ⬇️
...ns/plugin-chart-echarts/src/Radar/EchartsRadar.tsx 0.00% <0.00%> (ø)
...ugins/plugin-chart-echarts/src/Radar/buildQuery.ts 0.00% <0.00%> (ø)
plugins/plugin-chart-echarts/src/Radar/index.ts 0.00% <0.00%> (ø)
...s/plugin-chart-echarts/src/Radar/transformProps.ts 0.00% <0.00%> (ø)
plugins/plugin-chart-echarts/src/types.ts 100.00% <ø> (ø)
...ns/plugin-chart-echarts/src/Radar/controlPanel.tsx 30.00% <30.00%> (ø)
plugins/plugin-chart-echarts/src/Radar/types.ts 100.00% <100.00%> (ø)
plugins/plugin-chart-echarts/src/constants.ts 100.00% <100.00%> (ø)
... and 5 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 d31e6ba...bba5888. Read the comment docs.

@zhaoyongjie
Copy link
Contributor Author

zhaoyongjie commented Apr 15, 2021

Can you please bump superset-ui-core and chart-controls versions, so that #1035 is included?

Hi @kgabryje,
I have rebase master and added x-filter to Radar Chart.

kgabryje
kgabryje previously approved these changes Apr 16, 2021
Copy link
Contributor

@kgabryje kgabryje left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Pointed 1 tiny nit, but it's good without it 🙂
I noticed a bug - see comment below

Copy link
Contributor

@kgabryje kgabryje left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's a bug in "Customize metrics" section. If you click on a value related to "group by", an exception is thrown (see video)

Screen.Recording.2021-04-16.at.10.11.43.mov

@kgabryje kgabryje dismissed their stale review April 16, 2021 08:19

I noticed a bug after approving

Copy link
Contributor

@kgabryje kgabryje left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@zhaoyongjie zhaoyongjie merged commit aa98c72 into apache-superset:master Apr 16, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants