diff --git a/src/components/index.js b/src/components/index.js
index dbc6c27..2b6c156 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -22,6 +22,7 @@ import concentricArcChart from './concentricArcChart/index.vue'
 import arcRingChart from './arcRingChart/index.vue'
 import radarChart from './radarChart/index.vue'
 import columnChart from './columnChart/index.vue'
+import pointChart from './pointChart/index.vue'
 
 import numberShow from './numberShow/index.vue'
 import percentPond from './percentPond/index.vue'
@@ -56,6 +57,7 @@ export default function (Vue) {
   Vue.component('arcRingChart', arcRingChart)
   Vue.component('radarChart', radarChart)
   Vue.component('columnChart', columnChart)
+  Vue.component('pointChart', pointChart)
 
   Vue.component('numberShow', numberShow)
   Vue.component('percentPond', percentPond)
diff --git a/src/views/demo/chart.vue b/src/views/demo/chart.vue
index c6d95f6..ef7f529 100644
--- a/src/views/demo/chart.vue
+++ b/src/views/demo/chart.vue
@@ -36,6 +36,22 @@ colors: ['#9cf4a7', '#66d7ee', '#eee966', '#a866ee', '#ee8f66', '#ee66aa']
       </div>
     </border-box-7>
 
+    <border-box-7 class="chart-item">
+      <point-chart :data="pointChartData1" :colors="colors" class="chart" />
+
+      <div class="config-info">
+        <div class="title">Column-Chart</div>
+        <highlight-code>
+&lt;point-chart :data="data" :colors="colors" /&gt;
+        </highlight-code>
+
+        <highlight-code>
+data: {
+}
+        </highlight-code>
+      </div>
+    </border-box-7>
+
     <border-box-7 class="chart-item">
       <column-chart :data="columnChartData1" :colors="colors" class="chart" />
 
@@ -690,6 +706,37 @@ export default {
         }
       ],
 
+      pointChartData1: {
+        data: [
+          {
+            data: [123, 156, 290, 400, 169, 435]
+          },
+          {
+            data: [
+              [230, 123, 56],
+              [111, 22, 66],
+              [56, 25, 156],
+              [79, 52, 40],
+              [60, 56, 56],
+              [23, 45, 78]
+            ]
+          },
+          {
+            data: [15, 20, 27, 35, 27, 17],
+            againstAxis: true
+          }
+        ],
+        x: {
+          data: ['西峡', '周口', '南阳', '驻马店', '郑州', '洛阳']
+        },
+        y: {
+        },
+        ax: {
+        },
+        ay: {
+        }
+      },
+
       columnChartData1: {
         data: [
           {