Added opacity in Funnel Chart.

Imiss-U1025 · Imiss-U1025 · commit 0bd9122bd042 · 2024-12-19T11:14:38.000-05:00
diff --git a/client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartConstants.tsx b/client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartConstants.tsx
@@ -30,7 +30,7 @@ import { ScatterChartConfig } from "../chartComp/chartConfigs/scatterChartConfig
 import { SeriesListComp } from "../chartComp/seriesComp";
 import { EChartsOption } from "echarts";
 import { i18nObjs, trans } from "i18n/comps";
-import { FunnelChartConfig } from "../chartComp/chartConfigs/funnelChartConfig";
+import { FunnelChartConfig} from "../chartComp/chartConfigs/funnelChartConfig";
 import { EchartsTitleConfig } from "comps/chartComp/chartConfigs/echartsTitleConfig";
 
 export const ChartTypeOptions = [
@@ -265,7 +265,8 @@ let chartJsonModeChildren: any = {
   width:withDefault(NumberControl,trans('funnelChart.defaultWidth')),
   min:withDefault(NumberControl,trans('funnelChart.defaultMin')),
   max:withDefault(NumberControl,trans('funnelChart.defaultMax')),
-  gap:withDefault(NumberControl,trans('funnelChart.defaultGap'))
+  gap:withDefault(NumberControl,trans('funnelChart.defaultGap')),
+  opacity:withDefault(NumberControl,trans('funnelChart.defaultOpacity'))
 }
 if (EchartsStyle) {
   chartJsonModeChildren = {
diff --git a/client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartPropertyView.tsx b/client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartPropertyView.tsx
@@ -41,6 +41,7 @@ export function funnelChartPropertyView(
         {children.min.propertyView({ label: trans("funnelChart.min") })}
         {children.max.propertyView({ label: trans("funnelChart.max") })}
         {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")})}
diff --git a/client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartUtils.ts b/client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartUtils.ts
@@ -161,6 +161,9 @@ export function getEchartsConfig(
       "min": props.min,
       "max": props.max,
       "gap": props.gap,
+      "itemStyle": {
+        "opacity": props.opacity
+      },
       "label": {
         "show": props.label,
         "position": props.echartsLabelConfig.top
diff --git a/client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts b/client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts
@@ -80,6 +80,9 @@ export const en = {
     gap: 'Gap',
     defaultGap: '2',
     label:'Label',
+    opacity: 'Opacity',
+    defaultOpacity: '1',
+
   },
   gaugeChart: {
     title: 'Title',
