使用echart圖標時報 'getAttribute' of null" 圖不顯示

[Vue warn]: Error in created hook: "TypeError: Cannot read property 'getAttribute' of null"

錯誤原因：因為在create總調用了圖標，可能是頁面加載創建初期圖標還沒有建立所以拿不到這個屬性

 

 代碼如下：

 

 在methods中寫入如下方法

pieCharst() {
  var _this = this;
  let myChart = _this.$echarts.init(document.getElementById('saleProportion'));

  let option = {
    title: {
      text: '某站點用戶訪問來源',
      subtext: '純屬虛構',
      left: 'center'
    },
    tooltip: {
      trigger: 'item',
      formatter: '{a} <br/>{b} : {c} ({d}%)'
    },
    legend: {
      orient: 'vertical',
      left: 'left',
      data: ['直接訪問', '搜索引擎']
    },
    series: [
      {
        name: '訪問來源',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        data: [
          {value: 335, name: '直接訪問'},
          {value: 1548, name: '搜索引擎'}
        ],
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  };
  window.onresize = function () {
    myChart.resize();
  };
  // 為echarts對象加載數據
  myChart.setOption(option);
},