candlestick chart config

MenaamAfzal · MenaamAfzal · commit 22f9550262d7 · 2024-05-03T15:13:44.000+05:00
diff --git a/client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/candleStickChartConfig.tsx b/client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/candleStickChartConfig.tsx
@@ -0,0 +1,35 @@
+import {
+  BoolControl,
+  MultiCompBuilder,
+  showLabelPropertyView,
+} from "lowcoder-sdk";
+import { CandlestickSeriesOption } from "echarts";
+import { trans } from "i18n/comps";
+
+export const CandleStickChartConfig = (function () {
+  return new MultiCompBuilder(
+    {
+      showLabel: BoolControl,
+    },
+    (props): CandlestickSeriesOption => {
+      const config: CandlestickSeriesOption = {
+        type: "candlestick",
+        label: {
+          show: props.showLabel,
+          position: "top",
+        },
+      };
+      return config;
+    }
+  )
+    .setPropertyViewFn((children) => (
+      <>
+        {showLabelPropertyView(children)}
+        {children.type.propertyView({
+          label: trans("candleStickChart.candleStickType"),
+          radioButton: true,
+        })}
+      </>
+    ))
+    .build();
+})();
