diff --git a/src/pages/demo/charts/index/index.vue b/src/pages/demo/charts/index/index.vue
index 74b8bf1a..767c1d61 100644
--- a/src/pages/demo/charts/index/index.vue
+++ b/src/pages/demo/charts/index/index.vue
@@ -7,3 +7,13 @@
     </d2-page-cover>
   </d2-container>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/charts/list/bar/demo1/index.vue b/src/pages/demo/charts/list/bar/demo1/index.vue
index f701be6f..bb1f0308 100644
--- a/src/pages/demo/charts/list/bar/demo1/index.vue
+++ b/src/pages/demo/charts/list/bar/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/bar/demo2/index.vue b/src/pages/demo/charts/list/bar/demo2/index.vue
index fcd90bbd..28629258 100644
--- a/src/pages/demo/charts/list/bar/demo2/index.vue
+++ b/src/pages/demo/charts/list/bar/demo2/index.vue
@@ -22,6 +22,7 @@ export default {
       metrics: ['访问用户']
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/bar/demo3/index.vue b/src/pages/demo/charts/list/bar/demo3/index.vue
index e4229e6d..eb4cce9c 100644
--- a/src/pages/demo/charts/list/bar/demo3/index.vue
+++ b/src/pages/demo/charts/list/bar/demo3/index.vue
@@ -25,6 +25,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/bar/demo4/index.vue b/src/pages/demo/charts/list/bar/demo4/index.vue
index 0464914a..9a3c5295 100644
--- a/src/pages/demo/charts/list/bar/demo4/index.vue
+++ b/src/pages/demo/charts/list/bar/demo4/index.vue
@@ -23,6 +23,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/bar/demo5/index.vue b/src/pages/demo/charts/list/bar/demo5/index.vue
index f3496597..e036bd83 100644
--- a/src/pages/demo/charts/list/bar/demo5/index.vue
+++ b/src/pages/demo/charts/list/bar/demo5/index.vue
@@ -21,6 +21,7 @@ export default {
       yAxisType: 'value'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/candle/demo1/index.vue b/src/pages/demo/charts/list/candle/demo1/index.vue
index 8f7cbc04..6a7427f2 100644
--- a/src/pages/demo/charts/list/candle/demo1/index.vue
+++ b/src/pages/demo/charts/list/candle/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [
diff --git a/src/pages/demo/charts/list/candle/demo2/index.vue b/src/pages/demo/charts/list/candle/demo2/index.vue
index 79e698a3..46788cfe 100644
--- a/src/pages/demo/charts/list/candle/demo2/index.vue
+++ b/src/pages/demo/charts/list/candle/demo2/index.vue
@@ -22,6 +22,7 @@ export default {
       showVol: true
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [
diff --git a/src/pages/demo/charts/list/candle/demo3/index.vue b/src/pages/demo/charts/list/candle/demo3/index.vue
index 12ea6822..f45353da 100644
--- a/src/pages/demo/charts/list/candle/demo3/index.vue
+++ b/src/pages/demo/charts/list/candle/demo3/index.vue
@@ -29,6 +29,7 @@ export default {
       showDataZoom: true
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
         rows: [
diff --git a/src/pages/demo/charts/list/funnel/demo1/index.vue b/src/pages/demo/charts/list/funnel/demo1/index.vue
index 1f002df0..d90d2708 100644
--- a/src/pages/demo/charts/list/funnel/demo1/index.vue
+++ b/src/pages/demo/charts/list/funnel/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['状态', '数值'],
         rows: [
diff --git a/src/pages/demo/charts/list/funnel/demo2/index.vue b/src/pages/demo/charts/list/funnel/demo2/index.vue
index 2878cba6..aebae0c4 100644
--- a/src/pages/demo/charts/list/funnel/demo2/index.vue
+++ b/src/pages/demo/charts/list/funnel/demo2/index.vue
@@ -21,6 +21,7 @@ export default {
       ascending: true
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['状态', '数值'],
         rows: [
diff --git a/src/pages/demo/charts/list/gauge/demo1/index.vue b/src/pages/demo/charts/list/gauge/demo1/index.vue
index f970a9c8..37998a51 100644
--- a/src/pages/demo/charts/list/gauge/demo1/index.vue
+++ b/src/pages/demo/charts/list/gauge/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['type', 'a', 'b', 'value'],
         rows: [
diff --git a/src/pages/demo/charts/list/heatmap/demo1/index.vue b/src/pages/demo/charts/list/heatmap/demo1/index.vue
index f3ec25ec..dd181a7e 100644
--- a/src/pages/demo/charts/list/heatmap/demo1/index.vue
+++ b/src/pages/demo/charts/list/heatmap/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['时间', '地点', '人数'],
         rows: [
diff --git a/src/pages/demo/charts/list/heatmap/demo2/index.vue b/src/pages/demo/charts/list/heatmap/demo2/index.vue
index 26c9b4d4..2042eefc 100644
--- a/src/pages/demo/charts/list/heatmap/demo2/index.vue
+++ b/src/pages/demo/charts/list/heatmap/demo2/index.vue
@@ -38,6 +38,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['lat', 'lng', '人数'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo1/index.vue b/src/pages/demo/charts/list/histogram/demo1/index.vue
index f17d3cbe..a0ff6418 100644
--- a/src/pages/demo/charts/list/histogram/demo1/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo2/index.vue b/src/pages/demo/charts/list/histogram/demo2/index.vue
index bf6bef8e..ee6f4805 100644
--- a/src/pages/demo/charts/list/histogram/demo2/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo2/index.vue
@@ -22,6 +22,7 @@ export default {
       dimension: ['日期']
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo3/index.vue b/src/pages/demo/charts/list/histogram/demo3/index.vue
index a9388e67..195e9ac9 100644
--- a/src/pages/demo/charts/list/histogram/demo3/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo3/index.vue
@@ -21,6 +21,7 @@ export default {
       showLine: ['下单用户']
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo4/index.vue b/src/pages/demo/charts/list/histogram/demo4/index.vue
index b53a1f1f..9460e905 100644
--- a/src/pages/demo/charts/list/histogram/demo4/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo4/index.vue
@@ -21,6 +21,7 @@ export default {
       stack: { '用户': ['访问用户', '下单用户'] }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo5/index.vue b/src/pages/demo/charts/list/histogram/demo5/index.vue
index cdaa1601..c3b7ec2f 100644
--- a/src/pages/demo/charts/list/histogram/demo5/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo5/index.vue
@@ -17,12 +17,13 @@ export default {
     list
   ],
   data () {
-    this.extend = {
-      series: {
-        label: { show: true, position: 'top' }
-      }
-    }
     return {
+      filename: __filename,
+      extend: {
+        series: {
+          label: { show: true, position: 'top' }
+        }
+      },
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/histogram/demo6/index.vue b/src/pages/demo/charts/list/histogram/demo6/index.vue
index e136decc..fc1ddad4 100644
--- a/src/pages/demo/charts/list/histogram/demo6/index.vue
+++ b/src/pages/demo/charts/list/histogram/demo6/index.vue
@@ -21,6 +21,7 @@ export default {
       xAxisType: 'value'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo1/index.vue b/src/pages/demo/charts/list/line/demo1/index.vue
index 0ac8281f..4bb5d501 100644
--- a/src/pages/demo/charts/list/line/demo1/index.vue
+++ b/src/pages/demo/charts/list/line/demo1/index.vue
@@ -16,8 +16,9 @@ export default {
   mixins: [
     list
   ],
-  data: function () {
+  data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo2/index.vue b/src/pages/demo/charts/list/line/demo2/index.vue
index 729a6c84..26cdb858 100644
--- a/src/pages/demo/charts/list/line/demo2/index.vue
+++ b/src/pages/demo/charts/list/line/demo2/index.vue
@@ -16,11 +16,12 @@ export default {
   mixins: [
     list
   ],
-  data: function () {
-    this.extend = {
-      'xAxis.0.axisLabel.rotate': 45
-    }
+  data () {
     return {
+      filename: __filename,
+      extend: {
+        'xAxis.0.axisLabel.rotate': 45
+      },
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo3/index.vue b/src/pages/demo/charts/list/line/demo3/index.vue
index ff0250f2..dcaca62c 100644
--- a/src/pages/demo/charts/list/line/demo3/index.vue
+++ b/src/pages/demo/charts/list/line/demo3/index.vue
@@ -22,6 +22,7 @@ export default {
       area: true
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo4/index.vue b/src/pages/demo/charts/list/line/demo4/index.vue
index 11993acb..5bb08c36 100644
--- a/src/pages/demo/charts/list/line/demo4/index.vue
+++ b/src/pages/demo/charts/list/line/demo4/index.vue
@@ -17,16 +17,17 @@ export default {
     list
   ],
   data () {
-    this.extend = {
-      series: {
-        label: {
-          normal: {
-            show: true
+    return {
+      filename: __filename,
+      extend: {
+        series: {
+          label: {
+            normal: {
+              show: true
+            }
           }
         }
-      }
-    }
-    return {
+      },
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/line/demo5/index.vue b/src/pages/demo/charts/list/line/demo5/index.vue
index c83199fd..ced57c5c 100644
--- a/src/pages/demo/charts/list/line/demo5/index.vue
+++ b/src/pages/demo/charts/list/line/demo5/index.vue
@@ -27,6 +27,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['date', 'PV', 'Order', 'OrderRate'],
         rows: [
diff --git a/src/pages/demo/charts/list/map/demo1/index.vue b/src/pages/demo/charts/list/map/demo1/index.vue
index fc13cccf..16e75012 100644
--- a/src/pages/demo/charts/list/map/demo1/index.vue
+++ b/src/pages/demo/charts/list/map/demo1/index.vue
@@ -22,6 +22,7 @@ export default {
       chartSettings: {
         mapOrigin
       },
+      filename: __filename,
       chartData: {
         columns: ['位置', '税收', '人口', '面积'],
         rows: [
diff --git a/src/pages/demo/charts/list/map/demo2/index.vue b/src/pages/demo/charts/list/map/demo2/index.vue
index 788cd447..4e6efb13 100644
--- a/src/pages/demo/charts/list/map/demo2/index.vue
+++ b/src/pages/demo/charts/list/map/demo2/index.vue
@@ -23,6 +23,7 @@ export default {
         position: 'province/beijing',
         mapOrigin
       },
+      filename: __filename,
       chartData: {
         columns: ['位置', '人口'],
         rows: [
diff --git a/src/pages/demo/charts/list/map/demo3/index.vue b/src/pages/demo/charts/list/map/demo3/index.vue
index 9e28052c..457f3ebe 100644
--- a/src/pages/demo/charts/list/map/demo3/index.vue
+++ b/src/pages/demo/charts/list/map/demo3/index.vue
@@ -30,6 +30,7 @@ export default {
         },
         zoom: 1.2
       },
+      filename: __filename,
       chartData: {
         columns: ['位置', '人口'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo1/index.vue b/src/pages/demo/charts/list/pie/demo1/index.vue
index e2afeb47..31558cfd 100644
--- a/src/pages/demo/charts/list/pie/demo1/index.vue
+++ b/src/pages/demo/charts/list/pie/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo2/index.vue b/src/pages/demo/charts/list/pie/demo2/index.vue
index 62e381b1..5b3706c4 100644
--- a/src/pages/demo/charts/list/pie/demo2/index.vue
+++ b/src/pages/demo/charts/list/pie/demo2/index.vue
@@ -22,6 +22,7 @@ export default {
       metrics: '访问用户'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo3/index.vue b/src/pages/demo/charts/list/pie/demo3/index.vue
index a7fd2378..328b1353 100644
--- a/src/pages/demo/charts/list/pie/demo3/index.vue
+++ b/src/pages/demo/charts/list/pie/demo3/index.vue
@@ -21,6 +21,7 @@ export default {
       roseType: 'radius'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo4/index.vue b/src/pages/demo/charts/list/pie/demo4/index.vue
index a72d6def..2d593dd2 100644
--- a/src/pages/demo/charts/list/pie/demo4/index.vue
+++ b/src/pages/demo/charts/list/pie/demo4/index.vue
@@ -21,6 +21,7 @@ export default {
       limitShowNum: 5
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo5/index.vue b/src/pages/demo/charts/list/pie/demo5/index.vue
index 6cc4f4f6..9288aca9 100644
--- a/src/pages/demo/charts/list/pie/demo5/index.vue
+++ b/src/pages/demo/charts/list/pie/demo5/index.vue
@@ -24,6 +24,7 @@ export default {
       ]
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/pie/demo6/index.vue b/src/pages/demo/charts/list/pie/demo6/index.vue
index 1c46756f..6200701b 100644
--- a/src/pages/demo/charts/list/pie/demo6/index.vue
+++ b/src/pages/demo/charts/list/pie/demo6/index.vue
@@ -22,6 +22,7 @@ export default {
       offsetY: 250
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/radar/demo1/index.vue b/src/pages/demo/charts/list/radar/demo1/index.vue
index 1630799b..ad7fc142 100644
--- a/src/pages/demo/charts/list/radar/demo1/index.vue
+++ b/src/pages/demo/charts/list/radar/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '下单率'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo1/index.vue b/src/pages/demo/charts/list/ring/demo1/index.vue
index 3f662a77..329c9e94 100644
--- a/src/pages/demo/charts/list/ring/demo1/index.vue
+++ b/src/pages/demo/charts/list/ring/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo2/index.vue b/src/pages/demo/charts/list/ring/demo2/index.vue
index 0b678202..1584ed53 100644
--- a/src/pages/demo/charts/list/ring/demo2/index.vue
+++ b/src/pages/demo/charts/list/ring/demo2/index.vue
@@ -22,6 +22,7 @@ export default {
       metrics: '访问用户'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo3/index.vue b/src/pages/demo/charts/list/ring/demo3/index.vue
index 71c3218d..48790361 100644
--- a/src/pages/demo/charts/list/ring/demo3/index.vue
+++ b/src/pages/demo/charts/list/ring/demo3/index.vue
@@ -21,6 +21,7 @@ export default {
       roseType: 'radius'
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo4/index.vue b/src/pages/demo/charts/list/ring/demo4/index.vue
index 8206e6d3..db5580ac 100644
--- a/src/pages/demo/charts/list/ring/demo4/index.vue
+++ b/src/pages/demo/charts/list/ring/demo4/index.vue
@@ -21,6 +21,7 @@ export default {
       limitShowNum: 3
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/ring/demo5/index.vue b/src/pages/demo/charts/list/ring/demo5/index.vue
index d15f869f..6dc82d39 100644
--- a/src/pages/demo/charts/list/ring/demo5/index.vue
+++ b/src/pages/demo/charts/list/ring/demo5/index.vue
@@ -22,6 +22,7 @@ export default {
       offsetY: 250
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户'],
         rows: [
diff --git a/src/pages/demo/charts/list/sankey/demo1/index.vue b/src/pages/demo/charts/list/sankey/demo1/index.vue
index a9d60c25..1218f707 100644
--- a/src/pages/demo/charts/list/sankey/demo1/index.vue
+++ b/src/pages/demo/charts/list/sankey/demo1/index.vue
@@ -28,6 +28,7 @@ export default {
       ]
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['页面', '访问量'],
         rows: [
diff --git a/src/pages/demo/charts/list/scatter/demo1/index.vue b/src/pages/demo/charts/list/scatter/demo1/index.vue
index 219b8d21..a347f8bf 100644
--- a/src/pages/demo/charts/list/scatter/demo1/index.vue
+++ b/src/pages/demo/charts/list/scatter/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '年龄'],
         rows: [
diff --git a/src/pages/demo/charts/list/scatter/demo2/index.vue b/src/pages/demo/charts/list/scatter/demo2/index.vue
index 51cda290..f4f1ec37 100644
--- a/src/pages/demo/charts/list/scatter/demo2/index.vue
+++ b/src/pages/demo/charts/list/scatter/demo2/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['日期', '访问用户', '下单用户', '年龄'],
         rows: {
diff --git a/src/pages/demo/charts/list/tree/demo1/index.vue b/src/pages/demo/charts/list/tree/demo1/index.vue
index 971da340..28b3beb6 100644
--- a/src/pages/demo/charts/list/tree/demo1/index.vue
+++ b/src/pages/demo/charts/list/tree/demo1/index.vue
@@ -25,6 +25,7 @@ export default {
       }
     }
     return {
+      filename: __filename,
       chartData: {
         columns: ['name', 'value'],
         rows: [
diff --git a/src/pages/demo/charts/list/waterfall/demo1/index.vue b/src/pages/demo/charts/list/waterfall/demo1/index.vue
index e1f89098..b8ca4da1 100644
--- a/src/pages/demo/charts/list/waterfall/demo1/index.vue
+++ b/src/pages/demo/charts/list/waterfall/demo1/index.vue
@@ -18,6 +18,7 @@ export default {
   ],
   data () {
     return {
+      filename: __filename,
       chartData: {
         columns: ['活动', '时间'],
         rows: [