diff --git a/client/packages/lowcoder/src/layout/gridItem.tsx b/client/packages/lowcoder/src/layout/gridItem.tsx
index e0a3b41ed..8c22d2e53 100644
--- a/client/packages/lowcoder/src/layout/gridItem.tsx
+++ b/client/packages/lowcoder/src/layout/gridItem.tsx
@@ -441,7 +441,7 @@ export function GridItem(props: GridItemProps) {
         cssTransforms: true,
       }),
       style: {
-        ...setTransform(pos),
+        ...setTransform(pos,props.name),
         opacity: layoutHide ? 0 : undefined,
         pointerEvents: layoutHide ? "none" : "auto",
       },
diff --git a/client/packages/lowcoder/src/layout/utils.ts b/client/packages/lowcoder/src/layout/utils.ts
index 22ae8525e..b8b200920 100644
--- a/client/packages/lowcoder/src/layout/utils.ts
+++ b/client/packages/lowcoder/src/layout/utils.ts
@@ -199,9 +199,13 @@ export function getStatics(layout: Layout): Layout {
   return _.pickBy(layout, (l) => l.static);
 }
 
-export function setTransform({ top, left, width, height }: Position): Record<string, any> {
+export function setTransform({ top, left, width, height }: Position,name?:string): Record<string, any> {
   // Replace unitless items with px
   const translate = `translate(${left}px,${top}px)`;
+  function containsChart(str:string) {
+    return /chart/i.test(str);
+  }
+
   return {
     transform: translate,
     WebkitTransform: translate,
@@ -209,8 +213,8 @@ export function setTransform({ top, left, width, height }: Position): Record<str
     msTransform: translate,
     OTransform: translate,
     width: `${width}px`,
-    height: `${height}px`,
-    position: "absolute",
+    height: name ?containsChart(name)?`${height}px`:'auto':`${height}px`,
+    position: 'absolute',
   };
 }