no message

Former-commit-id: b383a9e03a6c8acba2f108ca8c00421981bddd0a
Former-commit-id: 7446426d03be2c5cefb525889726efbc7ffd82cf
Former-commit-id: ead7e469cbac2d94d5b6d8d2a7ca7ab7f4a090af

src/components/charts/G2/components/Line/base.vue

@@ -36,15 +36,7 @@ export default {
     },
     // 数据源改变 重新渲染新的数据
     changeData () {
-      if (this.chart) {
+      this.chart.changeData(this.data)
-        // 已经初始化过图表 更新数据
-        this.$log('changeData', '已经初始化过图表 只更新数据')
-        this.chart.changeData(this.data)
-      } else {
-        // 没有图表 新创建一个实例
-        this.$log('changeData', '没有图表 新创建一个实例')
-        this.init()
-      }
     }
   }
 }

src/components/charts/G2/mixins/G2.js

@@ -30,26 +30,40 @@ export default {
       chart: null
     }
   },
-  async mounted () {
+  mounted () {
     // 如果设置了在 mounted 后自动初始化 就在这里初始化
     if (this.autoInit) {
-      // 延时
+      this.startInit()
-      await sleep(this.autoInitDelay)
-      // 初始化
-      this.$nextTick(() => {
-        this.init()
-      })
     }
   },
   watch: {
     // 数据改变
     data () {
-      this.$nextTick(() => {
+      if (this.chart) {
         this.changeData()
-      })
+      } else {
+        this.startInit()
+      }
     }
   },
   methods: {
+    // 开始初始化
+    async startInit () {
+      // 延时
+      await sleep(this.autoInitDelay)
+      // 初始化
+      this.$nextTick(() => {
+        if (this.chart) {
+          this.$log(
+            '@/components/charts/G2/mixins/G2.js',
+            '图表初始化取消',
+            '原因是在初始化时检测到已经存在图表实例'
+          )
+        } else {
+          this.init()
+        }
+      })
+    },
     // 创建图表对象
     creatChart () {
       // http://antv.alipay.com/zh-cn/g2/3.x/api/chart.html