Add label toggle in the TreeChart

iamfaran · iamfaran · commit 55e43b280cff · 2025-04-25T18:56:13.000+05:00
diff --git a/client/packages/lowcoder-comps/src/comps/treeChartComp/treeChartConstants.tsx b/client/packages/lowcoder-comps/src/comps/treeChartComp/treeChartConstants.tsx
@@ -273,6 +273,7 @@ let chartJsonModeChildren: any = {
   edgeShape: withDefault(BoolControl, true),
   tooltip: withDefault(BoolControl, true),
   legendVisibility: withDefault(BoolControl, true),
+  labelVisibility: withDefault(BoolControl, true),
 }
 
 if (RadarLabelStyle && EchartDefaultChartStyle && EchartDefaultTextStyle) {
diff --git a/client/packages/lowcoder-comps/src/comps/treeChartComp/treeChartPropertyView.tsx b/client/packages/lowcoder-comps/src/comps/treeChartComp/treeChartPropertyView.tsx
@@ -29,6 +29,10 @@ export function treeChartPropertyView(
         {children.lineWidth.propertyView({ label: trans("treeChart.lineWidth"), tooltip: trans("treeChart.lineWidthTooltip") })}
 
         {children.tooltip.propertyView({label: trans("treeChart.tooltip")})}
+        {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/treeChartComp/treeChartUtils.ts b/client/packages/lowcoder-comps/src/comps/treeChartComp/treeChartUtils.ts
@@ -163,6 +163,7 @@ export function getEchartsConfig(
           symbolSize: props?.pointSize || 20, // Control the size of the nodes
           data: props?.echartsData.length !== 0 && props?.echartsData || props.echartsOption.data,
           label: {
+            show: props?.labelVisibility,
             position: "top",
             verticalAlign: "middle",
             align: "right",
diff --git a/client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts b/client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts
@@ -76,7 +76,9 @@ export const en = {
     pointSizeTooltip: "Set the Point Size of the Chart.",
     defaultlineWidth: '2',
     lineWidth: "Line Width",
-    lineWidthTooltip: "Set the Line Width of the Chart."
+    lineWidthTooltip: "Set the Line Width of the Chart.",
+    labelVisibility: "Label",
+    labelVisibilityTooltip: "Show or hide the Label of the Chart."
   },
   graphChart: {
     categories: 'Categories',

Original file line number	Diff line number	Diff line change
`@@ -273,6 +273,7 @@ let chartJsonModeChildren: any = {`
`273`	`273`	`edgeShape: withDefault(BoolControl, true),`
`274`	`274`	`tooltip: withDefault(BoolControl, true),`
`275`	`275`	`legendVisibility: withDefault(BoolControl, true),`
	`276`	`+ labelVisibility: withDefault(BoolControl, true),`
`276`	`277`	`}`
`277`	`278`
`278`	`279`	`if (RadarLabelStyle && EchartDefaultChartStyle && EchartDefaultTextStyle) {`