最近在开发小程序时遇到了报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图标就可以正常显示了