uniapp小程序ucharts点击穿透和点击位置偏移解决方案

javascript 复制代码
<!-- #ifdef MP-WEIXIN -->
<qiun-data-charts 
    type="column" 
    :loadingType="1" 
    :chartData="chartData" 
    :opts="opts" 
    :ontouch="true" 
    :canvas2d="true"
    canvas-id="column" 
    inScrollView="true"/>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<qiun-data-charts 
    type="column" 
    :loadingType="1" 
    :chartData="chartData" 
    :opts="opts" 
    :ontouch="true" 
    :canvas2d="true"
    canvas-id="column"/>
<!-- #endif -->

加上这些,完美解决

问题如标题,解决办法是在微信小程序中添加 inScrollView="true"属性。

另说明:canvas2d="true"作用,开启canvas2d渲染模式,需要与canvas-id="xxx" 一起使用。

如不开启会存在图表层级过高,不跟随页面滑动等问题。

相关推荐
这孩子叫逆6 分钟前
Spring Boot项目的创建与使用
java·spring boot·后端
星星法术嗲人10 分钟前
【Java】—— 集合框架:Collections工具类的使用
java·开发语言
一丝晨光28 分钟前
C++、Ruby和JavaScript
java·开发语言·javascript·c++·python·c·ruby
天上掉下来个程小白31 分钟前
Stream流的中间方法
java·开发语言·windows
xujinwei_gingko42 分钟前
JAVA基础面试题汇总(持续更新)
java·开发语言
liuyang-neu43 分钟前
力扣 简单 110.平衡二叉树
java·算法·leetcode·深度优先
一丝晨光1 小时前
Java、PHP、ASP、JSP、Kotlin、.NET、Go
java·kotlin·go·php·.net·jsp·asp
罗曼蒂克在消亡1 小时前
2.3MyBatis——插件机制
java·mybatis·源码学习
_GR1 小时前
每日OJ题_牛客_牛牛冲钻五_模拟_C++_Java
java·数据结构·c++·算法·动态规划
说私域1 小时前
社群团购中的用户黏性价值:以开源小程序多商户AI智能名片商城源码为例
人工智能·小程序