diff --git a/src/pages/demo/chart/_demo/areaBase.vue b/src/pages/demo/chart/_demo/areaBase.vue
new file mode 100644
index 00000000..4a7fa911
--- /dev/null
+++ b/src/pages/demo/chart/_demo/areaBase.vue
@@ -0,0 +1,42 @@
+<template>
+  <Container type="ghost" :responsive="true">
+    <el-row :gutter="20">
+      <el-col :span="6">
+        <ChartDemoControl
+          @sync="syncData"
+          :height.sync="height">
+        </ChartDemoControl>
+      </el-col>
+      <el-col :span="18">
+        <el-card>
+          <div :style="style">
+            <G2AreaBase ref="chart" v-bind="chart"></G2AreaBase>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </Container>
+</template>
+
+<script>
+import publicMixin from './mixins/public'
+export default {
+  mixins: [
+    publicMixin
+  ],
+  data () {
+    return {
+      api: {
+        url: '/api/chart/G2Area',
+        data: {
+          type: 'base'
+        }
+      },
+      chart: {
+        data: []
+      }
+    }
+  }
+}
+</script>
+
diff --git a/src/pages/demo/chart/demo/components/ChartDemoControl.vue b/src/pages/demo/chart/_demo/components/ChartDemoControl.vue
similarity index 100%
rename from src/pages/demo/chart/demo/components/ChartDemoControl.vue
rename to src/pages/demo/chart/_demo/components/ChartDemoControl.vue
diff --git a/src/pages/demo/chart/demo/mixins/public.js b/src/pages/demo/chart/_demo/mixins/public.js
similarity index 100%
rename from src/pages/demo/chart/demo/mixins/public.js
rename to src/pages/demo/chart/_demo/mixins/public.js
diff --git a/src/pages/demo/chart/demo/areaBase.vue b/src/pages/demo/chart/demo/areaBase.vue
index 4a7fa911..d6665585 100644
--- a/src/pages/demo/chart/demo/areaBase.vue
+++ b/src/pages/demo/chart/demo/areaBase.vue
@@ -1,42 +1,5 @@
 <template>
   <Container type="ghost" :responsive="true">
-    <el-row :gutter="20">
-      <el-col :span="6">
-        <ChartDemoControl
-          @sync="syncData"
-          :height.sync="height">
-        </ChartDemoControl>
-      </el-col>
-      <el-col :span="18">
-        <el-card>
-          <div :style="style">
-            <G2AreaBase ref="chart" v-bind="chart"></G2AreaBase>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
+    Hello
   </Container>
-</template>
-
-<script>
-import publicMixin from './mixins/public'
-export default {
-  mixins: [
-    publicMixin
-  ],
-  data () {
-    return {
-      api: {
-        url: '/api/chart/G2Area',
-        data: {
-          type: 'base'
-        }
-      },
-      chart: {
-        data: []
-      }
-    }
-  }
-}
-</script>
-
+</template>
\ No newline at end of file