刚开始时用z-index调试层级 无论调试vant 还是echarts 都不管用
最后退而求其次 想到wx:if 使用wx:if控制echarts显隐来解决
<!-- 下拉菜单 -->
<van-dropdown-menu active-color="#1989fa" >
<van-dropdown-item value="{{ value1 }}" options="{{ option1 }}"
bind:open="handleOpen" bind:close="handleClose"/>
</van-dropdown-menu>
<!-- 下拉菜单 -->
<canvas wx:if="{{!echartsShow}}" style="width:100%; height: 100%;"></canvas>
js部分
data: {
echartsShow:false,
}
//打开菜单栏时
handleOpen(){
this.setData({
echartsShow:true
})
},
//关闭菜单栏时
handleClose(){
this.setData({
echartsShow:false
})
this.drawChart(); // 重新调用一下图表函数
},