微信小程序种myChart.setOption报错空值null问题解决

本文介绍了在微信小程序中遇到Echarts的myChart.setOption报错空值null的问题及其解决方法。问题源于网络数据加载延迟,导致在数据未完全加载时尝试重绘图表。解决方案是将option和myChart设为全局变量,确保数据加载完成后再进行setOption操作,从而避免空值错误。
摘要由CSDN通过智能技术生成

微信小程序种myChart.setOption报错空值null问题解决

1.在initChart中使用SetOption初始渲染option

初始渲染时加载option中的初始数据

这里一般不会出现报错问题,毕竟初始渲染之于option中的series有关

2.进行数据(地图)重绘
微信小程序它不支持同步操作!而那些微信官方提供的Demo都是写死的数据。实际上呢?都是从网上加载数据过来的,所以这个时候需要一个同步操作,也就是需要从网上加载完数据之后再次渲染(重绘)Echarts图表。Echarts默认是优先直接加载Echarts的(即我第一点所说的本来是先加载option中的series数据(Data),之后在进行加载网上传进来的数据(重绘的数据),但是由于默认先加载Echarts,即网上传过来的数据),但是网上传输数据可能会有延迟,比如数据过多,量过大,这个时候数据还没有加载到Data里面,这时候图表是不会渲染成功的。
所以这个时候需要把chart和option拿出来作为全局变量,然后赋值后再设置一次option这时候option里面的data就有了数据,就能成功渲染。如下:

问题点:
重绘时出错的地方myChart.set
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值