微信小程序 echart 圖表關於數據動態刷新以及 canvas 層級最高遮擋 UI 的問題解決

微信小程序使用 echart 圖表教程:【點擊這裏】
對於上述兩個問題,可以在 ec-canvas 中加入 wx:if="{{showChart}}" 判斷,通過在腳本中改變數據 showChart 可以控制圖表的顯示與隱藏。
在數據沒有準備好之前將 showChart 賦值爲 false ,數據準備好後將 showChart 賦值爲 true 即可實現數據的刷新。
同樣的,在頁面創建的時候需要請求數據的時候也可以等待數據請求完成後再將 showChart 賦值爲 true 來顯示。
canvas 在微信小程序中的渲染層級是最高的,並且不可配置,也就是說,如果要在圖表頁面前進行彈窗等操作會被圖表遮擋,對於該問題我看到其他的一些博主給出的解決辦法,大都比較複雜,可能是我水平還不夠,感覺太麻煩,我就偷個懶,還是使用上面的 showChart ,在彈窗之前將圖表取消顯示即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章