align label

Author: Imiss-U1025

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

@@ -50,6 +50,23 @@ export const ScatterChartConfig = (function () {
         symbol: props.shape,
         label: {
           show: props.showLabel,
+          position: 'right',
+          formatter: function (param) {
+            return param.data[2];
+          },
+        },
+        labelLayout: function () {
+          return {
+            x: '88%',
+            moveOverlap: 'shiftY'
+          };
+        },
+        labelLine: {
+          show: true,
+          length2: 5,
+          lineStyle: {
+            color: '#bbb'
+          }
         },
         singleAxis: props.singleAxis,
         divider: props.divider,

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

@@ -68,9 +68,6 @@ export function getSeriesConfig(props: EchartsConfigProps) {
     let config = {
       ...props.chartConfig,
       name: s.seriesName,
-      label: {
-        show: s.showLabel,
-      },
       encode: {
         itemName: props.xAxisKey,
         value: s.columnName,
@@ -212,7 +209,7 @@ export function getEchartsConfig(
       lineStyle: {
         ...chartStyleWrapper(props?.chartStyle, theme?.chartStyle)
       },
-      data: transformedData.map(d => [d[props.xAxisKey], d[series.encode.value]]),
+      data: transformedData.map(d => [d[props.xAxisKey], d[series.encode.value], ...Object.values(d)]),
     })),
   };