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" 一起使用。

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

相关推荐
木棉软糖2 小时前
一个MySQL的数据表最多能够存多少的数据?
java
雪芽蓝域zzs3 小时前
uniapp input 如何只读禁用输入可点击
uni-app
程序视点3 小时前
Java BigDecimal详解:小数精确计算、使用方法与常见问题解决方案
java·后端
愿你天黑有灯下雨有伞3 小时前
Spring Boot SSE实战:SseEmitter实现多客户端事件广播与心跳保活
java·spring boot·spring
Java初学者小白3 小时前
秋招Day20 - 微服务
java
狐小粟同学4 小时前
JavaEE--3.多线程
java·开发语言·java-ee
KNeeg_5 小时前
Spring循环依赖以及三个级别缓存
java·spring·缓存
xw55 小时前
uni-app项目跑APP报useStore报错
前端·uni-app
!win !5 小时前
uni-app项目跑APP报useStore报错
前端·uni-app
AI_Gump6 小时前
【AI阅读】20250717阅读输入
java·spring boot·spring