关于微信小程序中使用图表插件时异步加载数据的解决办法

友情链接:
微信小程序中使用图表插件 wx-charst
微信小程序中使用图表插件 wx-f2

项目中用到要使用图表,例如:


关于微信小程序中使用图表插件时异步加载数据的解决办法_第1张图片
image.png

项目中需要用到图表,用的是wx-charst,但是遇到一个数据渲染问题,不知道怎么解决:**

图表函数是定义在page函数外面的,但是里面的数据我需要请求接口拿到,我把图标函数放到请求后面图表不生效了,显示不出来了,怎么解决啊?

页面
关于微信小程序中使用图表插件时异步加载数据的解决办法_第2张图片
js
关于微信小程序中使用图表插件时异步加载数据的解决办法_第3张图片
展示

解决办法:

给标签赋予一个ID 


 

定义data数据 


ec: {lazyLoad:  true }, 


在 onLoad ()选中 canvasId 


this .ecComponent =  this .selectComponent(' #xxx'); 


调用接口赋值后再渲染图表 




this .ecComponent.init(initChart); 

你可能感兴趣的:(关于微信小程序中使用图表插件时异步加载数据的解决办法)