Added descriptions to properties of funnel chart.

Author: Imiss-U1025

client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsFunnelAlignConfig.tsx

@@ -41,6 +41,7 @@ export const EchartsFunnelAlignConfig = (function () {
         {children.funnelAlign.propertyView({
           label: trans("echarts.funnelAlign"),
           radioButton: true,
+          tooltip: trans("echarts.changingAlignTooltip")
         })}
       </>
     ))

client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsLabelConfig.tsx

@@ -42,6 +42,7 @@ export const EchartsLabelConfig = (function () {
         {children.position.propertyView({
           label: trans("echarts.labelPosition"),
           radioButton: true,
+          tooltip: trans("echarts.changingLabelTooltip")
         })}
       </>
     ))

client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsLegendAlignConfig.tsx

@@ -42,6 +42,7 @@ export const EchartsLegendAlignConfig = (function () {
         {children.left.propertyView({
           label: trans("echarts.legendAlign"),
           radioButton: true,
+          tooltip: trans("echarts.changingLegend_y_Tooltip")
         })}
       </>
     ))

client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsLegendConfig.tsx

@@ -37,6 +37,7 @@ export const EchartsLegendConfig = (function () {
         {children.position.propertyView({
           label: trans("echarts.legendPosition"),
           radioButton: true,
+          tooltip: trans("echarts.changingLegend_x_Tooltip")
         })}
       </>
     ))

client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsLegendOrientConfig.tsx

@@ -37,6 +37,7 @@ export const EchartsLegendOrientConfig = (function () {
         {children.orient.propertyView({
           label: trans("echarts.legendOrient"),
           radioButton: true,
+          tooltip: trans("echarts.changingLegend_orient_Tooltip")
         })}
       </>
     ))

client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsSortingConfig.tsx

@@ -36,6 +36,7 @@ export const EchartsSortingConfig = (function () {
         {children.sort.propertyView({
           label: trans("echarts.sort"),
           radioButton: true,
+          tooltip: trans("echarts.changingSortTooltip")
         })}
       </>
     ))

client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsTitleConfig.tsx

@@ -42,6 +42,7 @@ export const EchartsTitleConfig = (function () {
         {children.position.propertyView({
           label: trans("echarts.titlePosition"),
           radioButton: true,
+          tooltip: trans("echarts.changingTitle_x_Tooltip")
         })}
       </>
     ))

client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartPropertyView.tsx

@@ -33,8 +33,8 @@ export function funnelChartPropertyView(
         })}
         {children.echartsTitleConfig.getPropertyView()}
         {children.legendVisibility.getView() && children.echartsLegendConfig.getPropertyView()}
-        {children.legendVisibility.getView() && children.echartsLegendOrientConfig.getPropertyView()}
         {children.legendVisibility.getView() && children.echartsLegendAlignConfig.getPropertyView()}
+        {children.legendVisibility.getView() && children.echartsLegendOrientConfig.getPropertyView()}
         {children.echartsSortingConfig.getPropertyView()}
         {children.label.getView()&& children.echartsLabelConfig.getPropertyView()}
         {children.echartsFunnelAlignConfig.getPropertyView()}
@@ -47,9 +47,9 @@ export function funnelChartPropertyView(
         {children.gap.propertyView({ label: trans("funnelChart.gap") })}
         {children.opacity.propertyView({ label: trans("funnelChart.opacity") })}
         {children.echartsTitle.propertyView({ label: trans("funnelChart.title") })}
-        {children.tooltip.propertyView({label: trans("funnelChart.tooltip")})}
-        {children.label.propertyView({label: trans("funnelChart.label")})}
-        {children.legendVisibility.propertyView({label: trans("funnelChart.legendVisibility")})}
+        {children.tooltip.propertyView({label: trans("funnelChart.tooltip"), tooltip: trans("echarts.tooltipVisibilityTooltip")})}
+        {children.label.propertyView({label: trans("funnelChart.label"), tooltip: trans("echarts.labelVisibilityTooltip")})}
+        {children.legendVisibility.propertyView({label: trans("funnelChart.legendVisibility"), tooltip: trans("echarts.legendVisibilityTooltip")})}
       </Section>
       <Section name={sectionNames.interaction}>
         {children.onEvent.propertyView()}

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

@@ -141,14 +141,25 @@ export const en = {
   },
   echarts: {
     defaultTitle: "Data Display",
-    legendPosition: "Legend-X",
+    legendPosition: "Legend-Y",
     legendOrient: "Legend Orient",
-    legendAlign: "Legend-Y",
-    labelPosition: "Label-X",
+    legendAlign: "Legend-X",
+    labelPosition: "Label Position",
     titlePosition: "Title-X",
     titlePositionVertical: "Title-Y",
     funnelAlign: "Funnel Align",
     sort: "Sort",
+    changingTitle_x_Tooltip: "Change the Horizontal position of the Title.",
+    changingLegend_x_Tooltip: "Change the Horizontal position of the Legend.",
+    changingLegend_y_Tooltip: "Change the Vertical position of the Legend.",
+    changingLegend_orient_Tooltip: "Change the Orientation of the Legend.",
+    changingSortTooltip: "Change the Sorting direction.",
+    changingLabelTooltip: "Change the Position of the Label.",
+    changingAlignTooltip: "Change the Alignment of the Chart.",
+    tooltipVisibilityTooltip: "Show or hide the ToolTips of the chart.",
+    labelVisibilityTooltip: "Show or hide the Labels of the chart.",
+    legendVisibilityTooltip: "Show or hide the Legend of the chart.",
+
   },
   chart: {
     delete: "Delete",