Add label toggle in the TreeChart

Author: iamfaran

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) {

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}>

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",

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',