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

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

项目中用到要使用图表，例如：

image.png

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

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

页面 js 展示

解决办法：

给标签赋予一个ID 


<ec-canvas id= "xxx"   ec= "{{ ec }}" ></ec-canvas> 

定义data数据 


ec: {lazyLoad:  true }, 


在 onLoad ()选中 canvasId 


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


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




this .ecComponent.init(initChart);