diff --git a/README.md b/README.md
index e83e5ba..4063bfc 100644
--- a/README.md
+++ b/README.md
@@ -297,6 +297,19 @@ yarn run build
 yarn run lint
 ```
 
+Online初体验
+----
+
+![输入图片说明](https://wx2.sinaimg.cn/large/7087dfcbly1g3xkz0lkgyg211y0lce81.gif "在这里输入图片标题")
+> 演示如何通过JSON数据,快速的配置一个图形报表,支持曲线、柱状图、饼状图等
+
+
+![输入图片说明](https://wx2.sinaimg.cn/large/7087dfcbly1g3xkz9aduxg211y0lc4mx.gif "在这里输入图片标题")
+> 演示如何实现一个复杂的报表模板,从不同的数据源取数据,展示不同的图表内容,组合展示
+
+![输入图片说明](https://wx2.sinaimg.cn/large/7087dfcbly1g3xkzu79vyg211y0lcnpf.gif "在这里输入图片标题")
+> 演示如何实现图表的多种排版布局,支持单排、双排、组合、TAB
+
 
 系统效果
 ----