Polar chart

Author: Imiss-U1025

client/packages/lowcoder-comps/src/comps/basicChartComp/chartConfigs/scatterChartConfig.tsx

@@ -51,6 +51,7 @@ export const ScatterChartConfig = (function () {
       visualMapDimension: NumberControl,
       visualMapColorMin: ColorControl,
       visualMapColorMax: ColorControl,
+      polar: BoolControl,
     },
     (props): ScatterSeriesOption => {
       return {
@@ -85,7 +86,8 @@ export const ScatterChartConfig = (function () {
           visualMapDimension: props.visualMapDimension,
           visualMapColorMin: props.visualMapColorMin,
           visualMapColorMax: props.visualMapColorMax,
-        }
+        },
+        polar: props.polar,
       };
     }
   )
@@ -122,6 +124,9 @@ export const ScatterChartConfig = (function () {
         {children.visualMap.getView() && children.visualMapColorMax.propertyView({
           label: trans("scatterChart.visualMapColorMax"),
         })}
+        {children.polar.propertyView({
+          label: trans("scatterChart.polar"),
+        })}
       </>
     ))
     .build();

client/packages/lowcoder-comps/src/comps/scatterChartComp/scatterChartUtils.ts

@@ -119,6 +119,9 @@ export function getSeriesConfig(props: EchartsConfigProps) {
       config.singleAxisIndex = index;
       config.data = [];
     }
+    if(props.chartConfig.polar) {
+      config.coordinateSystem = 'polar';
+    }
     if(s.effect) config.type = "effectScatter";
     if(s.symbolSize) config.symbolSize = s.symbolSize;
     if(s.dynamicSize) config.symbolSize = function(dataItem) {
@@ -251,6 +254,13 @@ export function getEchartsConfig(
       }
     }
   }
+  if(props.chartConfig.polar) {
+    config.angleAxis = config.xAxis;
+    config.radiusAxis = config.yAxis;
+    config.polar = {};
+    delete config.xAxis;
+    delete config.yAxis;
+  }
 
   console.log("Echarts transformedData and config", transformedData, config);
   return config;

client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts

@@ -379,6 +379,7 @@ export const en = {
     labelLineLength2: "Label Line Length2",
   },
   scatterChart: {
+    polar: "Polar Chart",
     visualMap: "Visual Map",
     visualMapMin: "Visual Map Min",
     visualMapMax: "Visual Map Max",