diff --git a/frontend/src/views/chat/component/BaseG2Chart.ts b/frontend/src/views/chat/component/BaseG2Chart.ts
new file mode 100644
index 0000000..3dfc43f
--- /dev/null
+++ b/frontend/src/views/chat/component/BaseG2Chart.ts
@@ -0,0 +1,29 @@
+import { BaseChart } from '@/views/chat/component/BaseChart.ts'
+import { Chart } from '@antv/g2'
+
+export abstract class BaseG2Chart extends BaseChart {
+  chart: Chart
+
+  constructor(id: string, name: string) {
+    super(id, name)
+    this.chart = new Chart({
+      container: id,
+      autoFit: true,
+      padding: 'auto',
+    })
+
+    this.chart.theme({
+      view: {
+        viewFill: '#FFFFFF',
+      },
+    })
+  }
+
+  render() {
+    this.chart?.render()
+  }
+
+  destroy() {
+    this.chart?.destroy()
+  }
+}