add sankey chart labels

lowcoder-org · FalkWolsky · May 22, 2025 · Apr 24, 2025 · Apr 24, 2025 · Apr 24, 2025
commit 81bd036327a44cb3304080e50c733872fbc0de1a
diff --git a/client/packages/lowcoder-comps/src/comps/sankeyChartComp/sankeyChartConstants.tsx b/client/packages/lowcoder-comps/src/comps/sankeyChartComp/sankeyChartConstants.tsx
@@ -277,6 +277,7 @@ let chartJsonModeChildren: any = {
   focus: withDefault(BoolControl, true),
   tooltip: withDefault(BoolControl, true),
   legendVisibility: withDefault(BoolControl, true),
+  labelVisibility: withDefault(BoolControl, true),
 }
 
 if (EchartDefaultChartStyle && EchartDefaultTextStyle && RadarLabelStyle && SankeyLineStyle) {

diff --git a/client/packages/lowcoder-comps/src/comps/sankeyChartComp/sankeyChartPropertyView.tsx b/client/packages/lowcoder-comps/src/comps/sankeyChartComp/sankeyChartPropertyView.tsx
@@ -36,6 +36,10 @@ export function sankeyChartPropertyView(
         {children.draggable.propertyView({label: trans("sankeyChart.draggable"), tooltip: trans("sankeyChart.draggableTooltip")})}
         {children.focus.propertyView({label: trans("sankeyChart.focus"), tooltip: trans("sankeyChart.focusTooltip")})}
         {children.tooltip.propertyView({label: trans("sankeyChart.tooltip"), tooltip: trans("echarts.tooltipTooltip")})}
+        {children.labelVisibility.propertyView({
+          label: trans("treeChart.labelVisibility"), 
+          tooltip: trans("echarts.labelVisibilityTooltip")
+        })}
 
       </Section>
       <Section name={sectionNames.interaction}>

diff --git a/client/packages/lowcoder-comps/src/comps/sankeyChartComp/sankeyChartUtils.ts b/client/packages/lowcoder-comps/src/comps/sankeyChartComp/sankeyChartUtils.ts
@@ -162,7 +162,7 @@ export function getEchartsConfig(
           bottom: `${props?.bottom}%`,
           top: `${props?.top}%`,
           label: {
-            show: true,
+            show: props.labelVisibility,
             position: props.echartsLabelConfig.top,
             ...styleWrapper(props?.detailStyle, theme?.detailStyle,15)
           },

diff --git a/client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts b/client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts
@@ -216,6 +216,8 @@ export const en = {
     defaultTop:'15',
     bottom: 'Bottom',
     defaultBottom:'10',
+    labelVisibility: "Label",
+    labelVisibilityTooltip: "Show or hide the Label of the Chart."
   },
   funnelChart: {
     title: 'Title',