diff --git a/docs/assets/guide/en/tutorial_docs/Cross-terminal_and_Developer_Ecology/harmony.md b/docs/assets/guide/en/tutorial_docs/Cross-terminal_and_Developer_Ecology/harmony.md
index 8164396361..11b0e1097c 100644
--- a/docs/assets/guide/en/tutorial_docs/Cross-terminal_and_Developer_Ecology/harmony.md
+++ b/docs/assets/guide/en/tutorial_docs/Cross-terminal_and_Developer_Ecology/harmony.md
@@ -48,7 +48,12 @@ const spec = '{"type":"bar","data":[{"id":"barData","values":[{"month":"Monday",
 @Entry
 @Component
 struct Index {
-@State message: string = 'Hello World';
+  @State message: string = 'Hello World';
+  @State spec: Object | null = null;
+
+  onPageShow(): void {
+    this.spec = JSON.parse(spec);
+  }
 
   build() {
     Row() {
@@ -57,7 +62,7 @@ struct Index {
           .fontSize(50)
           .fontWeight(FontWeight.Bold)
         VChart({
-          spec: JSON.parse(spec), w: 300, h: 300,
+          spec: this.spec, w: 300, h: 300,
           onChartInitCb: () => {},
           onChartReadyCb: () => {}
         })
diff --git a/docs/assets/guide/zh/tutorial_docs/Cross-terminal_and_Developer_Ecology/harmony.md b/docs/assets/guide/zh/tutorial_docs/Cross-terminal_and_Developer_Ecology/harmony.md
index 3afe7fb4d5..a9fedefd5a 100644
--- a/docs/assets/guide/zh/tutorial_docs/Cross-terminal_and_Developer_Ecology/harmony.md
+++ b/docs/assets/guide/zh/tutorial_docs/Cross-terminal_and_Developer_Ecology/harmony.md
@@ -48,7 +48,12 @@ const spec = '{"type":"bar","data":[{"id":"barData","values":[{"month":"Monday",
 @Entry
 @Component
 struct Index {
-@State message: string = 'Hello World';
+  @State message: string = 'Hello World';
+  @State spec: Object | null = null;
+
+  onPageShow(): void {
+    this.spec = JSON.parse(spec);
+  }
 
   build() {
     Row() {
@@ -57,7 +62,7 @@ struct Index {
           .fontSize(50)
           .fontWeight(FontWeight.Bold)
         VChart({
-          spec: JSON.parse(spec), w: 300, h: 300,
+          spec: this.spec, w: 300, h: 300,
           onChartInitCb: () => {},
           onChartReadyCb: () => {}
         })