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

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

相关推荐
明月(Alioo)21 分钟前
给 AI Agent 装上“大脑“:Java语言中Code Interpreter 的设计与实现
java·ai·agent
QuZero23 分钟前
StampedLock Mechanism
java·算法
Javatutouhouduan26 分钟前
Java小白如何快速玩转Redis?
java·数据库·redis·分布式锁·java面试·后端开发·java程序员
xuhaoyu_cpp_java27 分钟前
Spring学习(一)
java·经验分享·笔记·学习·spring
西洼工作室36 分钟前
unipp+vue3+python h5+app极验验证码集成全流程解析
前端·uni-app·全栈·极验
kybs19911 小时前
springboot视频推荐系统--附源码72953
java·spring boot·python·eclipse·asp.net·php·idea
无限进步_1 小时前
C++ 多态机制完全解析:从虚函数重写到动态绑定原理
java·c语言·jvm·数据结构·c++·windows·后端
知识汲取者2 小时前
巨量引擎 Marketing API Java SDK 介绍
java·开发语言
182******20832 小时前
2026年40岁自学java还能找到工作吗
java·开发语言
yuzhiboyouye2 小时前
java线程池
java·开发语言·firefox