微信小程序中使用echarts报错Cannot read property ‘setOption‘ of undefined

最近在开发小程序时遇到了报Cannot read property 'setOption' of undefined的问题,导致了在模拟器上能正常显示,在iOS上也可以正常显示,但是,倒了安卓手机就不能正常显示了

原因 就是在页面渲染时,数据还没有加载完毕

 报错提示如下图所示

微信小程序中使用echarts报错Cannot read property ‘setOption‘ of undefined

解决方法

 在获取数据,处理数据的时候,加上一层定时器 ,就可以解决这个问题了

 原代码

        chartLine1.setOption({
          xAxis: {
              data: xAxisData.splice(0,7)
          }, 
          series:seriesData
        });

 解决后的代码

      setTimeout(() => {
        chartLine1.setOption({
          xAxis: {
              data: xAxisData.splice(0,7)
          }, 
          series:seriesData
        });
      }, 500);

此时,我们的echarts图标就可以正常显示了

上一篇:JS 数组对象调换位置


下一篇:splice使用