美文网首页微信小程序开发
QQ小程序接入echarts

QQ小程序接入echarts

作者: Tarotlwei | 来源:发表于2019-11-05 15:17 被阅读0次

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

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

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

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

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

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

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

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

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

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

    相关文章

      网友评论

        本文标题:QQ小程序接入echarts

        本文链接:https://www.haomeiwen.com/subject/klssbctx.html