echarts官方已支持微信小程序的接入,但是并沒有QQ小程序的接入指引,在某個QQ小程序的需求中又需要繪制數(shù)據(jù)圖表的功能,而QQ小程序兼容大部分的微信小程序,因此嘗試使用echarts接入。
echarts的前期接入方法可以參考微信小程序的接入指引。
運行小程序后,遇到的第一個錯誤是:

這里提示微信基礎(chǔ)庫的版本過低,導(dǎo)致后面的代碼直接阻塞執(zhí)行了。
報錯原因是echarts組建中對微信小程序基礎(chǔ)庫版本有要求,在ec-canvas/ec-canvas.js中判斷代碼如下:

直接刪除如上代碼,在qq小程序中即可正常運行。
如果需要使用tooltips功能,需要直接從github上下載echarts.js

在開啟tooltips功能后,每次改變數(shù)據(jù)通過chart.setOption方法改變數(shù)據(jù)重新渲染時,有一定概率會使圖表渲染樣式有問題:

但是再次點擊這個圖表時,樣式又會恢復(fù)正常:

解決方案:每次修改數(shù)據(jù)時,不再通過setOption改變圖表數(shù)據(jù),而是重新初始化canvas,重新渲染圖表,即可在QQ小程序上正常運行。