微信公众号开发

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

本文主要是介绍微信小程序中使用echarts报错Cannot read property ‘setOption‘ of undefined,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

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

 报错提示如下图所示

解决方法

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

 原代码

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

 解决后的代码

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

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

这篇关于微信小程序中使用echarts报错Cannot read property ‘setOption‘ of undefined的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!