解决wxcharts层级问题,使用wxcharts插件的按钮被盖住的解决办法。

  1. wxcharts是使用了canvas画板。但是canvas画板的层级权限是最高的,view不能盖在canvas上面。那么折线图就会盖在我们设置的按钮上面。
  2. 想解决这个需要使用cover-view标签,放在canvas标签外即可。【cover-view标签可以盖在canvas上,但是里面只能放cover-view和cover-image 标签】。
  3. 加上z-index可以将层级提高
    注意: -只有最外层的cover-view标签设置定位和背景才可以盖住canvas。里面放的标签都不能盖住,所以要最外层的cover-view标签设置一个背景。
    -cover-view不能设置渐变背景,可以采用将渐变背景做成一张图片放在下面。
 <!-- 使用cover-view盖住wxcharts图表 --><cover-view style="position: fixed; top: 0;z-index: 899; width: 100%;height: 357rpx;"> 内容</cover-view><!-- 使用wxcharts图表 -->
<canvas canvas-id="lineCanvas2" disable-scroll="true" class="canvas" bindtouchstart="line1touchHandler" style="height:450rpx; width: 720rpx;"></canvas>

解决wxcharts层级问题,使用wxcharts插件的按钮被盖住的解决办法。相关推荐

  1. 解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的...

    解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ ...

  2. 解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的

    解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ ...

  3. 解决xcode升级之后安装的插件失效

    2019独角兽企业重金招聘Python工程师标准>>> title: 解决xcode升级之后安装的插件失效 date: 2015-08-23 11:07:53 categories: ...

  4. 解决Chrome谷歌浏览器″Adobe Flash Player 插件已被屏蔽″的问题

    ​​解决Chrome谷歌浏览器"Adobe Flash Player 插件已被屏蔽"的问题如果你确定在电脑上确实已经安装了 Adobe Flash Player 插件,但是打开网页 ...

  5. Eclipse的Git插件Egit: merge合并冲突具体解决方法

    Eclipse的Git插件Egit: merge合并冲突具体解决方法 参考文章: (1)Eclipse的Git插件Egit: merge合并冲突具体解决方法 (2)https://www.cnblog ...

  6. 解决Chrome谷歌浏览器Adobe Flash Player 插件已被屏蔽的问题

    解决Chrome谷歌浏览器"Adobe Flash Player 插件已被屏蔽"的问题 如果你确定在电脑上确实已经安装了 Adobe Flash Player 插件,但是打开网页时 ...

  7. 中标麒麟操作系统,yum安装软件时提示:“已加载插件:langpacks,无须任何处理“的解决办法

    中标麒麟操作系统,yum安装软件时提示:"已加载插件:langpacks,无须任何处理"的解决办法 通常都是由于yum仓库未包含你所要安装的那款软件造成. 解决办法: 输入如下命令 ...

  8. flash 火狐总是崩溃_解决firefox经常出现Adobe Flash 插件已崩溃

    解决firefox经常出现Adobe Flash 插件已崩溃,喜欢使用火狐浏览器的朋友们,经常会遇到浏览器flash插件崩溃的情况,让人头疼,非常搜索旅游网网络开发技术部门也经常遇到这种问题,最终为了 ...

  9. 解决obsidian无法加载第三方插件(社区插件)的问题

    1.windows系统参考以下方案: 不需要VPN与翻墙,完美解决obsidian无法加载第三方插件(社区插件)的问题 2.以下是参考window系统的操作方法介绍的macOS解决方案 1.插件下载 ...

最新文章

  1. JavaScript 关闭窗口事件
  2. boost::hana::on用法的测试程序
  3. orbeon form 的日志处理
  4. python logging模块的作用_【python】【logging】python日志模块logging常用功能
  5. 2016OSC源创会年终盛典-综合技术专场-张小刚
  6. js手机号中间四位_11位手机号码隐藏中间四位数,学会Substitute函数一键搞定!...
  7. 看看如何有效地在你的设计工作中使用霓虹色?
  8. 2021年中国电热饭盒市场趋势报告、技术动态创新及2027年市场预测
  9. FCPX安装插件位置及删除插件的方法
  10. html 360 浏览器图片自适应,360浏览器看图模式 一键保存高清套图
  11. 南方cass简码识别大全_南方CASS简码成图的方法
  12. TestCenter测试管理工具功能详解(E)
  13. UNITY_iOS_接入微信登录及分享微信
  14. BaseProxy:异步http/https中间人
  15. 小区市话配套和宽带接入系统研究报告
  16. java合并单元格边框不完整,java poi 合并单元格后边框问题
  17. html代码width什么意思,width:100% 啥意思呢,在什么情况下使用?
  18. java异常之-ClassNotFoundException: .......web.context.ContextLoaderServlet
  19. seek()函数与tell()函数
  20. 让人喷饭的郭德纲语录

热门文章

  1. 美国随着疫情创新高的,还有十亿身价富豪的人数……
  2. 一文辨析 Java、JSP、JavaScript
  3. 【Windows】4:3 显示器分辨率是多少?
  4. NX二次开发-ug表达式函数ug_find_file读取当前prt所在路径
  5. [乐意黎原创] FTP 产生 gs_tmp_tz.***.** 文件
  6. Java 泛型方法的调用
  7. JARVIS(贾维斯)来了,科技改变生活
  8. 难道企业真的需要私有区块链吗?
  9. Linux学习决心报告
  10. 工作之路 - 中国平安江苏分公司客户服务部