diff --git a/common/changes/@visactor/vchart/fix-issue-566_2023-08-21-10-04.json b/common/changes/@visactor/vchart/fix-issue-566_2023-08-21-10-04.json
new file mode 100644
index 0000000000..8cb8106047
--- /dev/null
+++ b/common/changes/@visactor/vchart/fix-issue-566_2023-08-21-10-04.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@visactor/vchart",
+      "comment": "fix: fix the issue of the chart's size is not correctly when updateSpec in lark block env, closed #566",
+      "type": "none"
+    }
+  ],
+  "packageName": "@visactor/vchart"
+}
\ No newline at end of file
diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml
index e3c78cf1d6..eb37c747b6 100644
--- a/common/config/rush/pnpm-lock.yaml
+++ b/common/config/rush/pnpm-lock.yaml
@@ -4122,7 +4122,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.22.5_@babel+core@7.20.12
       magic-string: 0.27.0
       react-refresh: 0.14.0
-      vite: 3.2.6
+      vite: 3.2.6_@types+node@20.5.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4147,7 +4147,7 @@ packages:
   /@vitest/snapshot/0.30.1:
     resolution: {integrity: sha512-fJZqKrE99zo27uoZA/azgWyWbFvM1rw2APS05yB0JaLwUIg9aUtvvnBf4q7JWhEcAHmSwbrxKFgyBUga6tq9Tw==}
     dependencies:
-      magic-string: 0.30.2
+      magic-string: 0.30.3
       pathe: 1.1.1
       pretty-format: 27.5.1
     dev: true
@@ -14009,8 +14009,8 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /magic-string/0.30.2:
-    resolution: {integrity: sha512-lNZdu7pewtq/ZvWUp9Wpf/x7WzMTsR26TWV03BRZrXFsv+BI6dy8RAiKgm1uM/kyR0rCfUcqvOlXKG66KhIGug==}
+  /magic-string/0.30.3:
+    resolution: {integrity: sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==}
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -18307,8 +18307,8 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /std-env/3.4.0:
-    resolution: {integrity: sha512-YqHeQIIQ8r1VtUZOTOyjsAXAsjr369SplZ5rlQaiJTBsvodvPSCME7vuz8pnQltbQ0Cw0lyFo5Q8uyNwYQ58Xw==}
+  /std-env/3.4.1:
+    resolution: {integrity: sha512-8ff1ZsX3NZMNEmDZmINWcFb7CIhPGKZO+TSVytJxJmFzZjAHtAHOR2GuIur7QXlgwY9Md7wNlu4Q7TtSvbu/SA==}
     dev: true
 
   /stealthy-require/1.1.1:
@@ -19381,7 +19381,7 @@ packages:
       bs-logger: 0.2.6
       buffer-from: 1.1.2
       fast-json-stable-stringify: 2.1.0
-      jest: 26.6.3_xxvpynkn5i4ehycnunrxxsezu4
+      jest: 26.6.3
       jest-util: 26.6.2
       json5: 2.2.3
       lodash: 4.17.21
@@ -20349,11 +20349,11 @@ packages:
       concordance: 5.0.4
       debug: 4.3.4
       local-pkg: 0.4.3
-      magic-string: 0.30.2
+      magic-string: 0.30.3
       pathe: 1.1.1
       picocolors: 1.0.0
       source-map: 0.6.1
-      std-env: 3.4.0
+      std-env: 3.4.1
       strip-literal: 1.3.0
       tinybench: 2.5.0
       tinypool: 0.4.0
diff --git a/packages/vchart/src/chart/base-chart.ts b/packages/vchart/src/chart/base-chart.ts
index a3c60d1352..6ff7ba228a 100644
--- a/packages/vchart/src/chart/base-chart.ts
+++ b/packages/vchart/src/chart/base-chart.ts
@@ -53,7 +53,8 @@ import {
   isTrueBrowser,
   isString,
   config,
-  convertBackgroundSpec
+  convertBackgroundSpec,
+  isMiniAppLikeMode
 } from '../util';
 import { Stack } from './stack';
 import { BaseModel } from '../model/base-model';
@@ -703,6 +704,10 @@ export class BaseChart extends CompilableBase implements IChart {
         );
         width = containerWidth;
         height = containerHeight;
+      } else if (isMiniAppLikeMode(this._option.mode) && (this._option.modeParams as any)?.domref) {
+        const domRef = (this._option.modeParams as any).domref;
+        width = domRef.width;
+        height = domRef.height;
       }
 
       width = userWidth ?? width;