diff --git a/src/components/G2/G2.js b/src/components/G2/G2.js
new file mode 100644
index 00000000..5a6ff5fd
--- /dev/null
+++ b/src/components/G2/G2.js
@@ -0,0 +1,5 @@
+export default {
+  created () {
+    this.$log('G2', 'created')
+  }
+}
diff --git a/src/components/G2/Line1.vue b/src/components/G2/Line1.vue
new file mode 100644
index 00000000..fa12f418
--- /dev/null
+++ b/src/components/G2/Line1.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>G2</div>
+</template>
diff --git a/src/components/G2/index.js b/src/components/G2/index.js
new file mode 100644
index 00000000..c79031c8
--- /dev/null
+++ b/src/components/G2/index.js
@@ -0,0 +1,3 @@
+import Vue from 'vue'
+
+Vue.component('G2Line1', resolve => { require(['@/components/G2/Line1.vue'], resolve) })
diff --git a/src/components/index.js b/src/components/index.js
index c8745fcf..f7ce81b2 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -2,3 +2,5 @@
 import './core'
 // 非核心组件 只是在很多演示页面中用到的组件
 import './demo'
+// 图表组件
+import './G2'
diff --git a/src/pages/demo/chart/index/index.vue b/src/pages/demo/chart/index/index.vue
index 058035df..543890d4 100644
--- a/src/pages/demo/chart/index/index.vue
+++ b/src/pages/demo/chart/index/index.vue
@@ -11,7 +11,9 @@
         @move="moveHandler"
         @resized="resizedHandler"
         @moved="movedHandler">
-        <el-card></el-card>
+        <el-card>
+          <G2Line1></G2Line1>
+        </el-card>
       </GridItem>
     </GridLayout>
   </Container>