小程序模板網(wǎng)

微信小程序里繪制Echart的一些問題

發(fā)布時間:2018-08-18 09:12 所屬欄目:小程序開發(fā)教程

基于本人所用框架是wepy,最近在微信小程序里需要繪制一些echarts圖表,搜索很多都是原生代碼集成,總之也是費了一番功夫,記錄一下實踐過程:

1.將echarts.js 和 wx-canvas.js 集成到項目里;

2.在page頁中引入上述兩個文件,就可以在畫布上開始繪制所需要的圖表了,需要注意的有幾點,

a.繪圖需要指定寬和高;

b.圖中綠框標(biāo)注的class名稱必須和第二張圖片中的名稱一致,但不需要和canvas-id保持一致;

c.圖中紅框標(biāo)注的canvas-id必須保持一致;

d.canvas繪圖的canvas-id是唯一的,即如果需要繪制兩個圖表,若兩個圖表的canvas-id相同,第二個圖表不會正常顯示;另外canvas-id不能動態(tài)賦值,本人嘗試過將一個變量傳入進去,圖表也不能正常顯示,具體詳情可以查看微信小程序官網(wǎng)的canvas組件;畫布 · 小程序

e.使用canvas繪圖它的層級將會是最高的,我遇到一個問題,就是頁面會彈框,但遮不住echarts圖表,目前官網(wǎng)沒有給出解決辦法,所以我使用但方法是在彈框但時候?qū)charts圖表隱藏,算是曲線救國了

這是我在使用echarts時遇到但一些問題,希望可以幫助到你哦!



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/24734.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢