Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(legend): add checkbox to display or not ALL/INV button #32346

Open
wants to merge 4 commits into
base: master
Choose a base branch
from

Conversation

ERGO1995
Copy link

SUMMARY

This PR introduces a new feature that allows users to toggle the visibility of the All/Invert buttons in the legend for ECharts-based visualizations.
Previously, these buttons were always displayed, but now users can enable or disable them through a new checkbox in the Chart Options panel.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Capture d’écran 2025-02-21 à 16 06 22
Capture d’écran 2025-02-21 à 16 06 12

TESTING INSTRUCTIONS

  1. Open Superset and create or edit a chart that uses ECharts.
  2. Navigate to the Chart Options panel.
  3. Locate the new Show All/Invert buttons in legend checkbox.
  4. Toggle the checkbox and observe whether the All/Invert buttons appear or disappear in the legend.
  5. Ensure that the feature works consistently across different charts that use ECharts.
  6. Check the browser console (F12 > Console) for any unexpected errors related to legend rendering.

Expected Outcome:

  • When the checkbox is enabled, the All/Invert buttons should be visible in the legend.
  • When the checkbox is disabled, the buttons should disappear while keeping the rest of the legend intact.

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

@dosubot dosubot bot added the viz:charts:echarts Related to Echarts label Feb 21, 2025
Copy link

@korbit-ai korbit-ai bot left a comment

Choose a reason for hiding this comment

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

Review by Korbit AI

Korbit automatically attempts to detect when you fix issues in new commits.
Category Issue Fix Detected
Logging Remove debug console.log ▹ view
Files scanned
File Path Reviewed
superset-frontend/plugins/plugin-chart-echarts/src/Histogram/types.ts
superset-frontend/plugins/plugin-chart-echarts/src/components/Echart.tsx
superset-frontend/plugins/plugin-chart-echarts/src/Histogram/controlPanel.tsx
superset-frontend/plugins/plugin-chart-echarts/src/Histogram/transformProps.ts
superset-frontend/plugins/plugin-chart-echarts/src/controls.tsx
superset-frontend/plugins/plugin-chart-echarts/src/utils/series.ts

Explore our documentation to understand the languages and file types we support and the files we ignore.

Need a new review? Comment /korbit-review on this PR and I'll review your latest changes.

Korbit Guide: Usage and Customization

Interacting with Korbit

  • You can manually ask Korbit to review your PR using the /korbit-review command in a comment at the root of your PR.
  • You can ask Korbit to generate a new PR description using the /korbit-generate-pr-description command in any comment on your PR.
  • Too many Korbit comments? I can resolve all my comment threads if you use the /korbit-resolve command in any comment on your PR.
  • Chat with Korbit on issues we post by tagging @korbit-ai in your reply.
  • Help train Korbit to improve your reviews by giving a 👍 or 👎 on the comments Korbit posts.

Customizing Korbit

  • Check out our docs on how you can make Korbit work best for you and your team.
  • Customize Korbit for your organization through the Korbit Console.

Feedback and Support

@@ -172,3 +173,4 @@ const config: ControlPanelConfig = {
};

export default config;
console.log('✅ controlPanel.tsx is loaded! Test');

This comment was marked as resolved.

@pull-request-size pull-request-size bot added size/S and removed size/M labels Feb 21, 2025
@sadpandajoe sadpandajoe changed the title feat(legend) add checkbox to display or not ALL/INV button feat(legend): add checkbox to display or not ALL/INV button Feb 21, 2025
default: true, // ✅ Par défaut, les boutons sont affichés
description: t('Toggle to show/hide the "All/Invert" buttons in the legend.'),
visibility: ({ controls }: ControlPanelsContainerProps) =>
Boolean(controls?.show_legend?.value), // ✅ S'affiche seulement si la légende est activée
Copy link
Member

Choose a reason for hiding this comment

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

It might be helpful (for most of us, anyway) to have comments in English :D

Copy link
Contributor

@rusackas Processing your ephemeral environment request here. Action: up.

@rusackas rusackas added the review:checkpoint Last PR reviewed during the daily review standup label Feb 21, 2025
@rusackas
Copy link
Member

Superset uses Git pre-commit hooks courtesy of pre-commit. To install run the following:

pip3 install -r requirements/development.txt
pre-commit install
A series of checks will now run when you make a git commit.

Alternatively it is possible to run pre-commit by running pre-commit manually:

pre-commit run --all-files

Copy link
Contributor

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

@ERGO1995
Copy link
Author

rusackas

@rusackas Thanks for your feedback, comments translated :P and thanks for pre-commit tips!

@sadpandajoe sadpandajoe removed the review:checkpoint Last PR reviewed during the daily review standup label Feb 24, 2025
@ERGO1995
Copy link
Author

@rusackas HI, do you have any idea why there is error like this in jobs review (sharded-jest-tests(6)) please?
FAIL src/features/databases/UploadDataModel/UploadDataModal.test.tsx (123.777 s)

Copy link

codecov bot commented Feb 25, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 83.45%. Comparing base (76d897e) to head (20e8ed3).
Report is 1490 commits behind head on master.

Additional details and impacted files
@@             Coverage Diff             @@
##           master   #32346       +/-   ##
===========================================
+ Coverage   60.48%   83.45%   +22.96%     
===========================================
  Files        1931      546     -1385     
  Lines       76236    39089    -37147     
  Branches     8568        0     -8568     
===========================================
- Hits        46114    32623    -13491     
+ Misses      28017     6466    -21551     
+ Partials     2105        0     -2105     
Flag Coverage Δ
hive 48.52% <ø> (-0.65%) ⬇️
javascript ?
mysql 75.86% <ø> (?)
postgres 75.93% <ø> (?)
presto 53.05% <ø> (-0.76%) ⬇️
python 83.45% <ø> (+19.97%) ⬆️
sqlite 75.44% <ø> (?)
unit 61.11% <ø> (+3.48%) ⬆️

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

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants