end label

Author: Imiss-U1025

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

@@ -32,6 +32,7 @@ export const LineChartConfig = (function () {
   return new MultiCompBuilder(
     {
       showLabel: BoolControl,
+      showEndLabel: BoolControl,
       stacked: BoolControl,
       area: BoolControl,
       smooth: BoolControl,
@@ -71,6 +72,13 @@ export const LineChartConfig = (function () {
       if (props.smooth) {
         config.smooth = true;
       }
+      if (props.showEndLabel) {
+        config.endLabel = {
+          show: true,
+          formatter: '{a}',
+          distance: 20
+        }
+      }
       return config;
     }
   )
@@ -83,6 +91,9 @@ export const LineChartConfig = (function () {
           label: trans("lineChart.area"),
         })}
         {showLabelPropertyView(children)}
+        {children.showEndLabel.propertyView({
+          label: trans("lineChart.showEndLabel"),
+        })}
         {children.smooth.propertyView({ label: trans("chart.smooth") })}
         {children.itemColor.getPropertyView()}
       </>

client/packages/lowcoder-comps/src/comps/lineChartComp/lineChartUtils.ts

@@ -203,9 +203,11 @@ export function getEchartsConfig(
       ...gridPos,
       containLabel: true,
     },
-    visualMap: {
+  };
+  if (props.areaPieces.length > 0) {
+    config.visualMap = {
       type: 'piecewise',
-      show: props.areaPieces.length > 0,
+      show: false,
       dimension: 0,
       seriesIndex: 0,
       pieces: props.areaPieces?.filter(p => p.getView().from && p.getView().to && p.getView().color)?.map(p => (
@@ -215,8 +217,8 @@ export function getEchartsConfig(
           ...(p.getView().color?{color: p.getView().color}:{}),
         }
       ))
-    },
-  };
+    }
+  }
   console.log("config", config)
   if(props.chartConfig.race) {
     config = {

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

@@ -328,6 +328,7 @@ export const en = {
     color: "Color",
     areaPieces: "Area Pieces",
     areaPiece: "Area Piece",
+    showEndLabel: "End Label",
   },
   barChart: {
     title: 'Title',