gauge chart utils updated

MenaamAfzal · MenaamAfzal · commit d261d3e46103 · 2024-05-06T03:01:06.000+05:00
diff --git a/client/packages/lowcoder-comps/src/comps/gaugeChartComp/gaugeChartUtils.ts b/client/packages/lowcoder-comps/src/comps/gaugeChartComp/gaugeChartUtils.ts
@@ -134,7 +134,7 @@ export function getEchartsConfig(props: EchartsConfigProps, chartSize?: ChartSiz
   "title": {
     "text": props.echartsTitle,
     'top': props.echartsLegendConfig.top === 'bottom' ?'top':'bottom',
-    "left":"center"
+    "left":props.echartsTitleConfig.top
   },
   "backgroundColor": props?.style?.background,
   "color": props.echartsOption.data?.map(data => data.color),
@@ -146,15 +146,18 @@ export function getEchartsConfig(props: EchartsConfigProps, chartSize?: ChartSiz
     {
       "name": props.echartsConfig.type,
       "type": props.echartsConfig.type,
-      "left": "10%",
-      "top": 60,
-      "bottom": 60,
-      "width": "80%",
-      "min": 0,
-      "max": 100,
-      "gap": 2,
+      "left": `${props.left}%`,
+      "top": props.top,
+      "bottom": props.bottom,
+      "width":  `${props.left}%`,
+      "min": props.min,
+      "max": props.max,
+      "gap": props.gap,
+      'detail': {
+        "backgroundColor": props?.style?.background,
+      },
       "label": {
-        "show": true,
+        "show": props.label,
         "position": props.echartsLabelConfig.top
           },
       "detail": {
