diff --git a/src/pages/demo/chart/demo/areaBase.vue b/src/pages/demo/chart/demo/areaBase.vue
new file mode 100644
index 00000000..98a2b178
--- /dev/null
+++ b/src/pages/demo/chart/demo/areaBase.vue
@@ -0,0 +1,5 @@
+<template>
+  <Container type="ghost" :responsive="true">
+    demo
+  </Container>
+</template>
diff --git a/src/router/menu/_chart.js b/src/router/menu/_chart.js
index 7975be79..517693f9 100644
--- a/src/router/menu/_chart.js
+++ b/src/router/menu/_chart.js
@@ -11,9 +11,9 @@ export const menu = {
     name: 'demo-chart-index'
   },
   children: [
-    // 数据处理
+    // 所有
     {
-      title: '图表演示1',
+      title: '所有',
       icon: 'file-o',
       path: 'index',
       name: 'demo-chart-index',
@@ -21,6 +21,23 @@ export const menu = {
         requiresAuth: true
       },
       component: resolve => { require(['@/pages/demo/chart/index/index.vue'], resolve) }
+    },
+    // 单独演示
+    {
+      title: '单独演示',
+      icon: 'file-o',
+      children: [
+        {
+          title: '面积图',
+          icon: 'file-o',
+          path: 'demo/areaBase',
+          name: 'demo-chart-demo-areaBase',
+          meta: {
+            requiresAuth: true
+          },
+          component: resolve => { require(['@/pages/demo/chart/demo/areaBase.vue'], resolve) }
+        }
+      ]
     }
   ]
 }