start/end angle

Author: Imiss-U1025

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

@@ -73,6 +73,8 @@ export function getSeriesConfig(props: EchartsConfigProps) {
       ...props.chartConfig,
       radius: radiusAndCenter.radius,
       center: radiusAndCenter.center,
+      startAngle: s.getView().startAngle,
+      endAngle: s.getView().endAngle,
       name: s.getView().seriesName,
       selectedMode: "single",
       encode: {

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

@@ -2,6 +2,8 @@ import {
   BoolControl,
   StringControl,
   list,
+  withDefault,
+  NumberControl,
   isNumeric,
   genRandomKey,
   Dropdown,
@@ -61,6 +63,8 @@ export function newMarkArea(): MarkLineDataType {
 const seriesChildrenMap = {
   columnName: StringControl,
   seriesName: StringControl,
+  startAngle: withDefault(NumberControl, 0),
+  endAngle: withDefault(NumberControl, 360),
   hide: BoolControl,
   // unique key, for sort
   dataIndex: valueComp<string>(""),
@@ -89,6 +93,12 @@ class SeriesComp extends SeriesTmpComp {
             this.children.columnName.dispatchChangeValueAction(value);
           }}
         />
+        {this.children.startAngle.propertyView({
+          label: trans("pieChart.startAngle"),
+        })}
+        {this.children.endAngle.propertyView({
+          label: trans("pieChart.endAngle"),
+        })}
       </>
     );
   }

client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts

@@ -345,6 +345,10 @@ export const en = {
     borderWidth: "Border Width",
     borderType: "Border Type",
   },
+  pieChart: {
+    startAngle: "Start Angle",
+    endAngle: "End Angle",
+  },
   barChart: {
     title: 'Title',
     barWidth: 'Bar Width(%)',