Issue #15 - [FEATURE] Add data zoom functionality to BoxPlot chart

[rogelio-cmj]

Motivation

BoxPlot charts in Superset currently lack interactive zoom capabilities, making it difficult for users to explore dense datasets or focus on specific data ranges. When dealing with many data points or categories, users cannot zoom in to examine details or pan across the chart to view different sections.

Current Behavior

The BoxPlot chart type does not support any zoom or pan interactions. Users viewing BoxPlot visualizations with many categories or data points cannot interactively zoom into specific regions or scroll through the data.

Reproduction Steps:

1. Navigate to Superset and create a new BoxPlot chart
2. Configure the chart with a dataset that has multiple categories (10+ categories recommended)
3. Render the chart and attempt to zoom in on a specific region using mouse wheel or gestures
4. Attempt to pan/scroll through the chart horizontally
5. Observe: No zoom or pan functionality is available - the chart remains static

Expected Behavior

BoxPlot charts should support interactive zoom and pan capabilities, allowing users to explore their data more effectively. Users should be able to move through the chart using mouse interactions to focus on specific data ranges.

Acceptance Criteria:

• A control option is available in the BoxPlot chart configuration to enable/disable zoom functionality
• When zoom is enabled, users can pan through the chart using mouse wheel movements
• The zoom functionality is properly integrated into the chart's ECharts configuration
• Tests verify that the zoom configuration is correctly applied when the feature is enabled
• The zoom feature can be toggled on/off through the chart controls

Steps To Test

1. Create or edit a BoxPlot chart in Superset
2. Locate and enable the zoom control option in the chart configuration panel
3. Save and render the chart
4. Use mouse wheel to pan through the chart horizontally
5. Verify that the chart responds to mouse interactions and allows navigation through the data
6. Disable the zoom control and verify the chart returns to static behavior

Submission

Download https://cap.so/ to record your screen (use Studio mode). Export as an mp4, and drag and drop into an issue comment below.

Guide to submitting pull requests: https://hackmd.io/@timothy1ee/Hky8kV3hlx