Echarts 動態獲取數據 並觸發視圖更新

使用Echarts更新數據或拉取數據的時候遇到下列問題
沒法當即觸發視圖更新、數據格式混亂

解決方法

數據格式混亂

//舉個栗子 三部曲 避免格式混亂
      this.chart.clear() //先清除圖表
      this.chart.setOption(option, true) //再設置配置
      this.chart.hideLoading() //關閉loading

觸發視圖更新
因爲項目使用的vuecli 因此方法以下

watch: {
    //監聽的對象
    x_axis(newVal, oldVal) {
    //重繪
      this.initChart(newVal, this.content)
    },
    y_axis(newVal, oldVal) {
      this.initChart(newVal, this.content)
    }
  },