label line property

Imiss-U1025 · Imiss-U1025 · commit 7644006a6bcd · 2025-02-17T11:22:03.000-05:00
diff --git a/client/packages/lowcoder-comps/src/comps/pieChartComp/pieChartUtils.ts b/client/packages/lowcoder-comps/src/comps/pieChartComp/pieChartUtils.ts
@@ -83,6 +83,10 @@ export function getSeriesConfig(props: EchartsConfigProps) {
         bleedMargin: s.getView().labelBleedMargin,
         edgeDistance: s.getView().labelEdgeDistance,
       },
+      labelLine: {
+        length: s.getView().labelLineLength,
+        length2: s.getView().labelLineLength2,
+      },
       encode: {
         itemName: props.xAxisKey,
         value: s.getView().columnName,
diff --git a/client/packages/lowcoder-comps/src/comps/pieChartComp/seriesComp.tsx b/client/packages/lowcoder-comps/src/comps/pieChartComp/seriesComp.tsx
@@ -88,6 +88,8 @@ const seriesChildrenMap = {
   labelPosition: dropdownControl(LabelPositionOptions, "outer"),
   labelBleedMargin: withDefault(NumberControl, 5),
   labelEdgeDistance: withDefault(StringControl, '25%'),
+  labelLineLength: withDefault(NumberControl, 10),
+  labelLineLength2: withDefault(NumberControl, 10),
   hide: BoolControl,
   // unique key, for sort
   dataIndex: valueComp<string>(""),
@@ -134,9 +136,15 @@ class SeriesComp extends SeriesTmpComp {
         {this.children.labelBleedMargin.propertyView({
           label: trans("pieChart.labelBleedMargin"),
         })}
-        {this.children.labelEdgeDistance.propertyView({
+        {this.children.labelAlignTo.getView() === "edge" && this.children.labelEdgeDistance.propertyView({
           label: trans("pieChart.labelEdgeDistance"),
         })}
+        {this.children.labelLineLength.propertyView({
+          label: trans("pieChart.labelLineLength"),
+        })}
+        {this.children.labelAlignTo.getView() === "labelLine" && this.children.labelLineLength2.propertyView({
+          label: trans("pieChart.labelLineLength2"),
+        })}
       </>
     );
   }
diff --git a/client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts b/client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts
@@ -363,6 +363,8 @@ export const en = {
     inside: "Inside",
     inner: "Inner",
     center: "Center",
+    labelLineLength: "Label Line Length",
+    labelLineLength2: "Label Line Length2",
   },
   barChart: {
     title: 'Title',
