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

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

相关推荐
CoderYanger9 小时前
Java EE 进阶:8.MyBatis 操作数据库(入门)(第二弹)
java·数据库·spring boot·spring·面试·java-ee·mybatis
CQU_JIAKE12 小时前
11.7[高体】
java·后端·spring
wafrdggh12 小时前
2026电商快递批量查询怎么用?固乔助手模板设置评测
大数据·数据库·小程序
apcipot_rain13 小时前
C++转Java日记(04)
java·开发语言·c++
特立独行的猫A13 小时前
我给女儿写了个打字练习:一边敲键盘,一边把小学英语单词记牢
java·后端·python
憧憬成为java架构高手的小白15 小时前
LangGraph4j 实战(下)
java
天诰15 小时前
SA-K-11 检索会消失吗与四个未解问题
java·服务器·人工智能·python·机器学习·ai编程
这个昵称不容易19 小时前
SpringBoot「衣依」服装销售平台:144个Java文件180个接口,从挑衣服到收货评价整条链路都在
java·springboot·毕设
计算机毕设定制辅导-无忧学长19 小时前
《基于微信小程序的居家医疗陪护预约系统设计与实现》
java·spring boot·微信小程序·uniapp·居家医疗陪护预约系统
文丑颜不良啊21 小时前
LeetCode2221~2240题目解析
java·leetcode