echarts官方已支持微信小程序的接入,但是并没有QQ小程序的接入指引,在某个QQ小程序的需求中又需要绘制数据图表的功能,而QQ小程序兼容大部分的微信小程序,因此尝试使用echarts接入。
echarts的前期接入方法可以参考微信小程序的接入指引。
运行小程序后,遇到的第一个错误是:
这里提示微信基础库的版本过低,导致后面的代码直接阻塞执行了。
报错原因是echarts组建中对微信小程序基础库版本有要求,在ec-canvas/ec-canvas.js中判断代码如下:
直接删除如上代码,在qq小程序中即可正常运行。
如果需要使用tooltips功能,需要直接从github上下载echarts.js
在开启tooltips功能后,每次改变数据通过chart.setOption方法改变数据重新渲染时,有一定概率会使图表渲染样式有问题:
但是再次点击这个图表时,样式又会恢复正常:
解决方案:每次修改数据时,不再通过setOption改变图表数据,而是重新初始化canvas,重新渲染图表,即可在QQ小程序上正常运行。
网友评论