Fixed basic, legancy, gauge charts to apply theme correctly.

Author: Imiss-U1025

client/packages/lowcoder-comps/src/comps/basicChartComp/chartUtils.ts

@@ -228,6 +228,9 @@ export function getEchartsConfig(
       itemStyle: {
         ...series.itemStyle,
         ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
+      },
+      lineStyle: {
+        ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
       }
     })),
   };

client/packages/lowcoder-comps/src/comps/chartComp/chartUtils.ts

@@ -181,7 +181,7 @@ export function getEchartsConfig(
       ...props.legendConfig,
       textStyle: {
         ...styleWrapper(props?.legendStyle, theme?.legendStyle, 15)
-      }
+      },
     },
     tooltip: props.tooltip&&{
       trigger: "axis",
@@ -228,6 +228,9 @@ export function getEchartsConfig(
       itemStyle: {
         ...series.itemStyle,
         ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
+      },
+      lineStyle: {
+        ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
       }
     })),
   };

client/packages/lowcoder-comps/src/comps/gaugeChartComp/gaugeChartUtils.ts

@@ -394,8 +394,8 @@ export function getEchartsConfig(
           },
           detail: {
             ...styleWrapper(props?.legendStyle, theme?.legendStyle, 16, '#ffffff', 0, 'inherit'),
-            "width": props?.legendStyle?.detailSize?.split('px')[0] || theme?.legendStyle?.detailSize.split('px')[0] || 40,
-            "height": props?.legendStyle?.detailSize?.split('px')[1] || theme?.legendStyle?.detailSize.split('px')[1] || 20,
+            "width": props?.legendStyle?.detailSize?.split('px')[0] || theme?.legendStyle?.detailSize && theme?.legendStyle?.detailSize.split('px')[0] || 40,
+            "height": props?.legendStyle?.detailSize?.split('px')[1] || theme?.legendStyle?.detailSize && theme?.legendStyle?.detailSize.split('px')[1] || 20,
             formatter: props?.multiTitleGaugeOption?.data?.map(data => data.formatter)[0],
           }
         }
@@ -554,8 +554,8 @@ export function getEchartsConfig(
           },
           detail: {
             ...styleWrapper(props?.legendStyle, theme?.legendStyle, 16, 'inherit', 1, ''),
-            "width": props?.legendStyle?.detailSize?.split('px')[0] || theme?.legendStyle?.detailSize.split('px')[0] || 50,
-            "height": props?.legendStyle?.detailSize?.split('px')[1] || theme?.legendStyle?.detailSize.split('px')[1] || 20,
+            "width": props?.legendStyle?.detailSize?.split('px')[0] || theme?.legendStyle?.detailSize && theme?.legendStyle?.detailSize.split('px')[0] || 50,
+            "height": props?.legendStyle?.detailSize?.split('px')[1] || theme?.legendStyle?.detailSize && theme?.legendStyle?.detailSize.split('px')[1] || 20,
             formatter: props?.ringGaugeOption?.data?.map(data => data.formatter)[0],
           }
         }