QQ小程序接入echarts

echarts官方已支持微信小程序的接入,但是并没有QQ小程序的接入指引,在某个QQ小程序的需求中又需要绘制数据图表的功能,而QQ小程序兼容大部分的微信小程序,因此尝试使用echarts接入。


echarts的前期接入方法可以参考微信小程序的接入指引。

运行小程序后,遇到的第一个错误是:


这里提示微信基础库的版本过低,导致后面的代码直接阻塞执行了。

报错原因是echarts组建中对微信小程序基础库版本有要求,在ec-canvas/ec-canvas.js中判断代码如下:


直接删除如上代码,在qq小程序中即可正常运行。

如果需要使用tooltips功能,需要直接从github上下载echarts.js


在开启tooltips功能后,每次改变数据通过chart.setOption方法改变数据重新渲染时,有一定概率会使图表渲染样式有问题:


但是再次点击这个图表时,样式又会恢复正常:


解决方案:每次修改数据时,不再通过setOption改变图表数据,而是重新初始化canvas,重新渲染图表,即可在QQ小程序上正常运行。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容