Fix chart styling issues

Author: Imiss-U1025

client/packages/lowcoder-comps/src/comps/boxplotChartComp/boxplotChartPropertyView.tsx

@@ -73,9 +73,6 @@ export function boxplotChartPropertyView(
       <Section name={sectionNames.yAxisStyle}>
         {children.yAxisStyle?.getPropertyView()}
       </Section>
-      <Section name={sectionNames.legendStyle}>
-        {children.legendStyle?.getPropertyView()}
-      </Section>
       <Section name={sectionNames.advanced}>
         {children.data.propertyView({
           label: trans("chart.data"),

client/packages/lowcoder-comps/src/comps/boxplotChartComp/boxplotChartUtils.ts

@@ -159,10 +159,16 @@ export function getEchartsConfig(
       name: props.xAxisKey,
       nameLocation: 'middle',
       nameGap: 30,
-      scale: true
+      scale: true,
+      axisLabel: {
+        ...styleWrapper(props?.xAxisStyle, theme?.xAxisStyle, 11)
+      }
     },
     yAxis: {
       type: "category",
+      axisLabel: {
+        ...styleWrapper(props?.yAxisStyle, theme?.yAxisStyle, 11)
+      }
     },
     dataset: [
       {
@@ -209,22 +215,24 @@ export function getEchartsConfig(
   config = {
     ...config,
     series: [{
-      name: 'boxplot',
+      name: props.xAxisKey,
       type: 'boxplot',
       datasetId: 'finaldataset',
-      itemStyle: {
-        color: '#b8c5f2'
-      },
       encode: {
         x: ['min', 'Q1', 'median', 'Q3', 'max'],
         y: props.yAxisKey,
         itemName: [props.yAxisKey],
         tooltip: ['min', 'Q1', 'median', 'Q3', 'max']
-      }
+      },
+      itemStyle: {
+        color: '#b8c5f2',
+        ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
+      },
     }],
   };
+  if(config.series[0].itemStyle.borderWidth === 0) config.series[0].itemStyle.borderWidth = 1;
 
-  console.log("Echarts transformedData and config", transformedData, config);
+  // console.log("Echarts transformedData and config", transformedData, config);
   return config;
 }
 

client/packages/lowcoder-comps/src/comps/pieChartComp/pieChartPropertyView.tsx

@@ -119,12 +119,6 @@ export function pieChartPropertyView(
       <Section name={sectionNames.titleStyle}>
         {children.titleStyle?.getPropertyView()}
       </Section>
-      <Section name={sectionNames.xAxisStyle}>
-        {children.xAxisStyle?.getPropertyView()}
-      </Section>
-      <Section name={sectionNames.yAxisStyle}>
-        {children.yAxisStyle?.getPropertyView()}
-      </Section>
       <Section name={sectionNames.legendStyle}>
         {children.legendStyle?.getPropertyView()}
       </Section>

client/packages/lowcoder-comps/src/comps/pieChartComp/pieChartUtils.ts

@@ -128,7 +128,7 @@ export function getSeriesConfig(props: EchartsConfigProps) {
           }
         }
       }
-      config.radius = s.radius;
+      if(props.chartConfig.subtype !== "doughnutPie") config.radius = s.radius;
       if(s.left!="" && s.top!="") {
         config.center = [s.left, s.top];
       }
@@ -252,7 +252,7 @@ export function getEchartsConfig(
       },
       itemStyle: {
         ...series.itemStyle,
-        // ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
+        ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
       },
       lineStyle: {
         ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)

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

@@ -187,10 +187,16 @@ export function getEchartsConfig(
       },
       axisLine: {
         show: props.chartConfig.boundaryGap,
+      },
+      axisLabel: {
+        ...styleWrapper(props?.xAxisStyle, theme?.xAxisStyle, 11)
       }
     },
     yAxis: {
       type: "category",
+      axisLabel: {
+        ...styleWrapper(props?.yAxisStyle, theme?.yAxisStyle, 11)
+      }
     },
   };
 
@@ -222,7 +228,7 @@ export function getEchartsConfig(
       ...series,
       itemStyle: {
         ...series.itemStyle,
-        // ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
+        ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
       },
       lineStyle: {
         ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)