feat: add dataZoom to type inside

Author: SBIN2010

superset-frontend/plugins/plugin-chart-echarts/src/BoxPlot/controlPanel.ts

@@ -158,6 +158,7 @@ const config: ControlPanelConfig = {
             },
           },
         ],
+        ['zoomable'],
       ],
     },
   ],

superset-frontend/plugins/plugin-chart-echarts/src/BoxPlot/transformProps.ts

@@ -73,6 +73,7 @@ export default function transformProps(
     yAxisTitleMargin,
     yAxisTitlePosition,
     sliceId,
+    zoomable,
   } = formData as BoxPlotQueryFormData;
   const refs: Refs = {};
   const colorFn = CategoricalColorNamespace.getScale(colorScheme as string);
@@ -284,6 +285,26 @@ export default function transformProps(
       },
     },
     series,
+    toolbox: {
+      show: zoomable,
+      feature: {
+        dataZoom: {
+          title: {
+            zoom: 'zoom area',
+            back: 'restore zoom',
+          },
+        },
+      },
+    },
+    dataZoom: zoomable
+      ? [
+          {
+            type: 'inside',
+            zoomOnMouseWheel: false,
+            moveOnMouseWheel: true,
+          },
+        ]
+      : [],
   };
 
   return {

superset-frontend/plugins/plugin-chart-echarts/test/BoxPlot/transformProps.test.ts

@@ -31,6 +31,7 @@ describe('BoxPlot transformProps', () => {
     whiskerOptions: 'Tukey',
     yAxisFormat: 'SMART_NUMBER',
     viz_type: 'my_chart',
+    zoomable: true,
   };
   const chartProps = new ChartProps({
     formData,
@@ -75,6 +76,13 @@ describe('BoxPlot transformProps', () => {
         width: 800,
         height: 600,
         echartOptions: expect.objectContaining({
+          dataZoom: expect.arrayContaining([
+            {
+              moveOnMouseWheel: true,
+              type: 'inside',
+              zoomOnMouseWheel: false,
+            },
+          ]),
           series: expect.arrayContaining([
             expect.objectContaining({
               name: 'boxplot',