mpvue微信小程序动画_在 mpvue 使用 echarts 小程序组件

具体操作

把其 ec-canvas 目录移动到 mpvue 项目的 static 目录下。

对 ec-canvas/ec-canvas.js 进行小调整，考虑提 pr 到 ec-canvas。

修改 ready 为异步获取数据。

ready: function () {

// 异步获取

setTimeout(() => {

if (!this.data.ec) {

console.warn('组件需绑定 ec 变量，例：

+ 'canvas-id="mychart-bar" ec="{ { ec }}">

');

return;

}

if (!this.data.ec.lazyLoad) {

this.init();

}

}, 10)

}

为 init 添加接收 options 传参

var query = wx.createSelectorQuery().in(this);

query.select('.ec-canvas').boundingClientRect(res => {

if (typeof callback === 'function') {

this.chart = callback(canvas, res.width, res.height);

}

else if (this.data.ec && this.data.ec.o