From cb80a424cf6f37da9041bc7a36dc91946d5aeab3 Mon Sep 17 00:00:00 2001
From: "lixuefei.1313" <lixuef1313@163.com>
Date: Tue, 9 Sep 2025 16:49:00 +0800
Subject: [PATCH 1/2] fix: fix the issue of className miss in react-vchart

---
 packages/react-vchart/src/charts/BaseChart.tsx         | 3 ++-
 packages/react-vchart/src/containers/withContainer.tsx | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/react-vchart/src/charts/BaseChart.tsx b/packages/react-vchart/src/charts/BaseChart.tsx
index b954857b6a..53014ddc54 100644
--- a/packages/react-vchart/src/charts/BaseChart.tsx
+++ b/packages/react-vchart/src/charts/BaseChart.tsx
@@ -43,7 +43,8 @@ export interface BaseChartProps
     DimensionEventProps,
     HierarchyEventProps,
     ChartLifeCycleEventProps,
-    IReactTooltipProps {
+    IReactTooltipProps,
+    ContainerProps {
   vchartConstructor?: IVChartConstructor;
   /**  @deprecated 请使用 vchartConstructor  */
   vchartConstrouctor?: IVChartConstructor;
diff --git a/packages/react-vchart/src/containers/withContainer.tsx b/packages/react-vchart/src/containers/withContainer.tsx
index 69aeeca7ee..cc1e65a99a 100644
--- a/packages/react-vchart/src/containers/withContainer.tsx
+++ b/packages/react-vchart/src/containers/withContainer.tsx
@@ -1,3 +1,4 @@
+import type { StringOrNumber } from '@visactor/vchart';
 import React, { useRef, useState, useLayoutEffect } from 'react';
 
 export interface ContainerProps {
@@ -5,7 +6,7 @@ export interface ContainerProps {
   className?: string;
   width?: number | string;
   height?: number | string;
-  id?: string;
+  id?: StringOrNumber;
 }
 
 export default function withContainer<P extends ContainerProps>(
@@ -25,7 +26,7 @@ export default function withContainer<P extends ContainerProps>(
     return (
       <div
         ref={container}
-        id={id}
+        id={id?.toString()}
         className={className}
         style={{
           position: 'relative',

From 8b45a2c74b8a0b484cbed81a3872e10b73905312 Mon Sep 17 00:00:00 2001
From: "lixuefei.1313" <lixuef1313@163.com>
Date: Tue, 9 Sep 2025 16:55:59 +0800
Subject: [PATCH 2/2] docs: update changlog of rush

---
 ...x-type-error-of-react-vchart_2025-09-09-08-55.json | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 common/changes/@visactor/vchart/fix-fix-type-error-of-react-vchart_2025-09-09-08-55.json

diff --git a/common/changes/@visactor/vchart/fix-fix-type-error-of-react-vchart_2025-09-09-08-55.json b/common/changes/@visactor/vchart/fix-fix-type-error-of-react-vchart_2025-09-09-08-55.json
new file mode 100644
index 0000000000..b03c48103b
--- /dev/null
+++ b/common/changes/@visactor/vchart/fix-fix-type-error-of-react-vchart_2025-09-09-08-55.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "fix: fix the issue of className miss in react-vchart\n\n",
+      "type": "none",
+      "packageName": "@visactor/vchart"
+    }
+  ],
+  "packageName": "@visactor/vchart",
+  "email": "lixuef1313@163.com"
+}
\ No newline at end of file