用echarts绘图时报错echarts-d9fd185e.js:31447 Uncaught (in promise) Error: Initialize failed: invalid dom.

 

当浏览器执行document.getElementById('chart')时，由于id为main的dom对象还未被创建，报错Initialize failed: invalid dom.

解决办法,让初始化echarts图表的代码延时执行,代码运行速度很快,不影响效果展示,不会感觉卡顿

func.echarts()为初始化图表的函数 ,代码及效果图如下(某个vue3.0项目的一个页面用到的)

     echarts: () => {
        let myChart = echarts.init(document.getElementById("chart"));
        let option = {
          title: {
            text: '标题',
            textStyle: {
              fontSize: 13
            },
          },
          toolbox: {
            show: true,
            feature: {
              saveAsImage: {
                show: false
              }
            },
          },
          legend: {
            data: ['人数']
          },
          xAxis: {
            data: ['09-14', '09-15', '09-16', '09-17', '09-18', '09-19', '09-20']
          },
          yAxis: {},
          series: [{
            name: '人数',
            type: 'line',
            data: ['13', '14', '18', '14', '10', '11', '9'],
          }]
        };
        myChart.setOption(option);
      },
    })