diff --git a/src/pages/demo/chart/index/index.vue b/src/pages/demo/chart/index/index.vue
index 3b4a7d0e..2cf2cf81 100644
--- a/src/pages/demo/chart/index/index.vue
+++ b/src/pages/demo/chart/index/index.vue
@@ -3,11 +3,11 @@
     <GridLayout v-bind="layout" @layout-updated="layoutUpdatedHandler">
       <GridItem
         v-bind="layout.layout[0]"
-        @resize="resizeHandler('G2Line1')"
-        @resized="resizedHandler('G2Line1')">
+        @resize="handleResize('G2LineBase1')"
+        @resized="handleResized('G2LineBase1')">
         <el-card class="header-in">
           <div slot="header">近年趋势</div>
-          <G2LineBase v-bind="chart[0]"></G2LineBase>
+          <G2LineBase ref="G2LineBase1" v-bind="chart[0]"></G2LineBase>
         </el-card>
       </GridItem>
     </GridLayout>
diff --git a/src/pages/demo/chart/index/mixins/layout.js b/src/pages/demo/chart/index/mixins/layout.js
index d65f8ded..1e938522 100644
--- a/src/pages/demo/chart/index/mixins/layout.js
+++ b/src/pages/demo/chart/index/mixins/layout.js
@@ -21,8 +21,8 @@ export default {
   },
   methods: {
     // 更新指定的图表
-    chartResize () {
-      this.$log('chartResize')
+    chartResize (name) {
+      this.$refs[name].resize()
     },
     // 布局组件发生变化
     layoutUpdatedHandler (newLayout) {
@@ -33,12 +33,12 @@ export default {
       console.groupEnd()
     },
     // 改变尺寸
-    resizeHandler (name) {
-      this.chartResize()
+    handleResize (name) {
+      // this.chartResize(name)
     },
     // 改变尺寸完成
-    resizedHandler (name) {
-      this.chartResize()
+    handleResized (name) {
+      this.chartResize(name)
     }
   }
 }