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

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

相关推荐
若鱼19195 分钟前
SpringBoot4+Kafka4 - 生产环境故障 - 消费者执行时间太长导致消息无限循环投递
java·spring·kafka
serve the people5 分钟前
LLaMA-Factory微调数据的清洗与指令构造方法
java·服务器·llama
小王不爱笑1329 分钟前
HashMap 扩容全流程
java·数据结构·算法
阿崽meitoufa10 分钟前
抽象类 接口 内部类
java·开发语言
代码探秘者10 分钟前
【算法篇】4.前缀和
java·数据库·后端·python·算法·spring
计算机安禾10 分钟前
【数据结构与算法】第4篇:算法效率衡量:时间复杂度和空间复杂度
java·c语言·开发语言·数据结构·c++·算法·visual studio
蓝色心灵-海14 分钟前
小律书 技术架构详解:前后端分离的自律管理系统设计
java·http·小程序·架构·uni-app
华科易迅14 分钟前
Spring AOP(XML最终+环绕通知)
xml·java·spring
IT观测16 分钟前
深度分析俩款主流移动统计工具Appvue和openinstall
android·java·数据库
华科易迅17 分钟前
Spring AOP(注解前置+后置通知)
java·后端·spring