title config

MenaamAfzal · MenaamAfzal · commit 3c3806fe7908 · 2024-05-06T01:51:20.000+05:00
diff --git a/client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsTitleConfig.tsx b/client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsTitleConfig.tsx
@@ -0,0 +1,49 @@
+import {
+  AlignClose,
+  AlignRight,
+  AlignLeft,
+  dropdownControl,
+  MultiCompBuilder,
+} from "lowcoder-sdk";
+import { LegendComponentOption } from "echarts";
+import { trans } from "i18n/comps";
+
+const TitlePositionOptions = [
+  {
+    label: <AlignClose />,
+    value: "center",
+  },
+  {
+    label: <AlignRight />,
+    value: "right",
+  },
+  {
+    label: <AlignLeft />,
+    value: "left",
+  },
+] as const;
+
+export const EchartsTitleConfig = (function () {
+  return new MultiCompBuilder(
+    {
+      position: dropdownControl(TitlePositionOptions, "center"),
+    },
+    (props): LegendComponentOption => {
+      const config: LegendComponentOption = {
+        top: "center",
+        type: "scroll",
+      };
+      config.top = props.position
+      return config;
+    }
+  )
+    .setPropertyViewFn((children) => (
+      <>
+        {children.position.propertyView({
+          label: trans("echarts.titlePosition"),
+          radioButton: true,
+        })}
+      </>
+    ))
+    .build();
+})();
