Enabling New eChart Types

Author: FalkWolsky

client/packages/lowcoder/src/comps/index.tsx

@@ -233,6 +233,62 @@ export var uiCompMap: Registry = {
     },
   },
 
+  barChart: {
+    name: trans("uiComp.basicChartCompName"),
+    enName: "Bar Chart",
+    description: trans("uiComp.basicChartCompDesc"),
+    categories: ["dashboards"],
+    icon: ChartCompIcon,
+    comp: remoteComp({ ...builtInRemoteComps, compName: "barChart" }),
+    keywords: trans("uiComp.basicChartCompKeywords"),
+    layoutInfo: {
+      w: 12,
+      h: 40,
+    },
+  },
+
+  lineChart: {
+    name: trans("uiComp.basicChartCompName"),
+    enName: "Line Chart",
+    description: trans("uiComp.basicChartCompDesc"),
+    categories: ["dashboards"],
+    icon: ChartCompIcon,
+    comp: remoteComp({ ...builtInRemoteComps, compName: "lineChart" }),
+    keywords: trans("uiComp.basicChartCompKeywords"),
+    layoutInfo: {
+      w: 12,
+      h: 40,
+    },
+  },
+
+  pieChart: {
+    name: trans("uiComp.basicChartCompName"),
+    enName: "Pie Chart",
+    description: trans("uiComp.basicChartCompDesc"),
+    categories: ["dashboards"],
+    icon: ChartCompIcon,
+    comp: remoteComp({ ...builtInRemoteComps, compName: "pieChart" }),
+    keywords: trans("uiComp.basicChartCompKeywords"),
+    layoutInfo: {
+      w: 12,
+      h: 40,
+    },
+  },
+
+  scatterChart: {
+    name: trans("uiComp.basicChartCompName"),
+    enName: "Scatter Chart",
+    description: trans("uiComp.basicChartCompDesc"),
+    categories: ["dashboards"],
+    icon: ChartCompIcon,
+    comp: remoteComp({ ...builtInRemoteComps, compName: "scatterChart" }),
+    keywords: trans("uiComp.basicChartCompKeywords"),
+    layoutInfo: {
+      w: 12,
+      h: 40,
+    },
+  },
+
   candleStickChart: {
     name: trans("uiComp.candleStickChartCompName"),
     enName: "Candlestick Chart",

client/packages/lowcoder/src/comps/uiCompRegistry.ts

@@ -149,6 +149,10 @@ export type UICompType =
   | "responsiveLayout"
   | "splitLayout"
   | "tour"
+  | "barChart"
+  | "lineChart"
+  | "pieChart"
+  | "scatterChart"
   | "funnelChart"
   | "gaugeChart"
   | "sankeyChart"

client/packages/lowcoder/src/pages/editor/editorConstants.tsx

@@ -208,6 +208,11 @@ export const CompStateIcon: {
   themeriverChart : <ThemeriverChartCompIconSmall />,
   basicChart : <ChartCompIconSmall />,
 
+  barChart : <ChartCompIconSmall />,
+  lineChart : <ChartCompIconSmall />,
+  pieChart : <ChartCompIconSmall />,
+  scatterChart : <ChartCompIconSmall />,
+
   avatar: <AvatarCompIconSmall />,
   avatarGroup: <AvatarGroupCompIconSmall />,
   colorPicker: <ColorPickerCompIconSmall />,