feat: add Nightingale chart support for echarts pie chart (#28597)

superset-frontend/plugins/plugin-chart-echarts/src/Pie/controlPanel.tsx

@@ -40,6 +40,7 @@ const {
   outerRadius,
   numberFormat,
   showLabels,
+  roseType,
 } = DEFAULT_FORM_DATA;
 
 const config: ControlPanelConfig = {
@@ -87,6 +88,23 @@ const config: ControlPanelConfig = {
             },
           },
         ],
+        [
+          {
+            name: 'roseType',
+            config: {
+              type: 'SelectControl',
+              label: t('Rose Type'),
+              default: roseType,
+              renderTrigger: true,
+              choices: [
+                ['area', t('Area')],
+                ['radius', t('Radius')],
+                [null, t('None')],
+              ],
+              description: t('Whether to show as Nightingale chart.'),
+            },
+          },
+        ],
         ...legendSection,
         // eslint-disable-next-line react/jsx-key
         [<ControlSubSectionHeader>{t('Labels')}</ControlSubSectionHeader>],

superset-frontend/plugins/plugin-chart-echarts/src/Pie/index.ts

@@ -74,6 +74,7 @@ export default class EchartsPieChartPlugin extends EchartsChartPlugin<
           t('Popular'),
           t('Proportional'),
           t('ECharts'),
+          t('Nightingale'),
         ],
         thumbnail,
       },

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

@@ -156,6 +156,7 @@ export default function transformProps(
     showLabelsThreshold,
     sliceId,
     showTotal,
+    roseType,
   }: EchartsPieFormData = {
     ...DEFAULT_LEGEND_FORM_DATA,
     ...DEFAULT_PIE_FORM_DATA,
@@ -283,6 +284,7 @@ export default function transformProps(
       type: 'pie',
       ...chartPadding,
       animation: false,
+      roseType: roseType || undefined,
       radius: [`${donut ? innerRadius : 0}%`, `${outerRadius}%`],
       center: ['50%', '50%'],
       avoidLabelOverlap: true,

superset-frontend/plugins/plugin-chart-echarts/src/Pie/types.ts

@@ -45,6 +45,7 @@ export type EchartsPieFormData = QueryFormData &
     numberFormat: string;
     dateFormat: string;
     showLabelsThreshold: number;
+    roseType: 'radius' | 'area' | null;
   };
 
 export enum EchartsPieLabelType {
@@ -78,6 +79,7 @@ export const DEFAULT_FORM_DATA: EchartsPieFormData = {
   labelsOutside: true,
   showLabelsThreshold: 5,
   dateFormat: 'smart_date',
+  roseType: null,
 };
 
 export type PieChartTransformedProps =