微信小程序 echart 图表关于数据动态刷新以及 canvas 层级最高遮挡 UI 的问题解决

微信小程序使用 echart 图表教程:【点击这里】
对于上述两个问题,可以在 ec-canvas 中加入 wx:if="{{showChart}}" 判断,通过在脚本中改变数据 showChart 可以控制图表的显示与隐藏。
在数据没有准备好之前将 showChart 赋值为 false ,数据准备好后将 showChart 赋值为 true 即可实现数据的刷新。
同样的,在页面创建的时候需要请求数据的时候也可以等待数据请求完成后再将 showChart 赋值为 true 来显示。
canvas 在微信小程序中的渲染层级是最高的,并且不可配置,也就是说,如果要在图表页面前进行弹窗等操作会被图表遮挡,对于该问题我看到其他的一些博主给出的解决办法,大都比较复杂,可能是我水平还不够,感觉太麻烦,我就偷个懒,还是使用上面的 showChart ,在弹窗之前将图表取消显示即可。

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