echarts 报错 Uncaught Error: Initialize failed: invalid

echarts vue3使用过程中控制台出现以下报错

原因：echarts渲染过程中找不到dom。思路是延后echarts渲染的时间或者处理报错。

解决方法：

方法一:

setTimeout(()=>{
  const table1Chart = proxy.$echarts.init(document.getElementById('table1'));
  table1Chart.setOption(option1);
  },100
}

方法二：

 const chartDom1 = document.getElementById('table1');
    if (chartDom1) {
      const table1Chart = proxy.$echarts.init(chartDom1);
      table1Chart.setOption(option1);
    }

其他方法：将渲染方法放在onMounted、nextTick或者promise的then中执行。