diff --git a/src/FMCharts.ts b/src/FMCharts.ts
new file mode 100644
index 0000000..e12e2be
--- /dev/null
+++ b/src/FMCharts.ts
@@ -0,0 +1,11 @@
+import {
+  eCharts,
+  type IFMEChartsInputParams,
+  type IFMECharts,
+} from '@flexmonster/js';
+
+export const FMCharts = {
+  eCharts(params: IFMEChartsInputParams): IFMECharts {
+    return eCharts(params);
+  },
+};
diff --git a/src/index.ts b/src/index.ts
index 4792cfd..69126e9 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -6,3 +6,4 @@ export { default as FMFlatFieldList, type FMFlatFieldListRef, type FMFlatFieldLi
 export { default as FMToolbar, type FMToolbarRef, type FMToolbarProps } from './FMToolbar';
 export { default as FMFilter, type FMFilterRef, type FMFilterProps } from './FMFilter';
 export { default as FMGroup, type FMGroupProps } from './FMGroup';
+export { FMCharts } from './FMCharts';
diff --git a/src/next/FMCharts.ts b/src/next/FMCharts.ts
new file mode 100644
index 0000000..52a126c
--- /dev/null
+++ b/src/next/FMCharts.ts
@@ -0,0 +1,8 @@
+import type { IFMEChartsInputParams, IFMECharts } from '@flexmonster/js';
+
+export const FMCharts = {
+  async eCharts(params: IFMEChartsInputParams): Promise<IFMECharts> {
+    const { FMCharts } = await import('@flexmonster/react');
+    return FMCharts.eCharts(params);
+  },
+};
diff --git a/src/next/index.ts b/src/next/index.ts
index 40ed9cd..f755b00 100644
--- a/src/next/index.ts
+++ b/src/next/index.ts
@@ -6,3 +6,4 @@ export { default as FMFlatFieldList } from './FMFlatFieldList';
 export { default as FMToolbar } from './FMToolbar';
 export { default as FMFilter } from './FMFilter';
 export { default as FMGroup } from './FMGroup';
+export { FMCharts } from './FMCharts';