tree chart config

MenaamAfzal · MenaamAfzal · commit 96e24dcd86c3 · 2024-05-03T23:45:33.000+05:00
diff --git a/client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/treeChartConfig.tsx b/client/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/treeChartConfig.tsx
@@ -0,0 +1,31 @@
+import {
+  BoolControl,
+  MultiCompBuilder,
+  showLabelPropertyView,
+} from "lowcoder-sdk";
+import { TreeSeriesOption } from "echarts";
+import { trans } from "i18n/comps";
+
+export const TreeChartConfig = (function () {
+  return new MultiCompBuilder(
+    {
+      showLabel: BoolControl,
+    },
+    (props): TreeSeriesOption => {
+      const config: TreeSeriesOption = {
+        type: "tree",
+      };
+      return config;
+    }
+  )
+    .setPropertyViewFn((children) => (
+      <>
+        {showLabelPropertyView(children)}
+        {children.type.propertyView({
+          label: trans("treeChart.treeType"),
+          radioButton: true,
+        })}
+      </>
+    ))
+    .build();
+})();
