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

这篇具有很好参考价值的文章主要介绍了uniapp小程序ucharts点击穿透和点击位置偏移解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

如不开启会存在图表层级过高,不跟随页面滑动等问题。文章来源地址https://www.toymoban.com/news/detail-603064.html

到了这里,关于uniapp小程序ucharts点击穿透和点击位置偏移解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp实现点击A页面按钮,跳转到B页面的指定位置

    uniapp实现点击A页面按钮,跳转到B页面的指定位置 第一种方式: 必须必须要注意! scroll-into-view 即使是测试也不可写死(组件布局完成后,动态的改变这个scroll-into-view的值,才会跳到索引位置) scroll-y=“true” 固定高度 A页面 B.页面 第二种方式: 在A页面的按钮点击事件中,

    2024年01月20日
    浏览(35)
  • 【uniapp 小程序】解决 map 组件出现标点(地图)自动偏移或 @regionchange 频繁触发的问题

    在业务开发中出现了地图的中心标点向右侧缓慢移动的问题,在我解决后又发现了 @regionchange 方法出现了无限调用的问题。这几个问题属于微信 map 地图组件迟迟未修复的bug。 本文仅解决与我相似的问题以做参考,并会附上对应的问题与参考的博客。 1、地图无操作下出现缓

    2024年02月03日
    浏览(29)
  • 【微信小程序点击滚动页面到指定位置】

    scroll-view :https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 补充: 1: scroll-view设置高度:style=“height:100%” 2: scroll-view设置纵向滚动:scroll-y=“true” 3: scroll-view设置要去的id( 这个必须动态设置才生效 ):scroll-into-view=“{{toView}}”

    2024年02月09日
    浏览(24)
  • uniapp-秋云图表 ucharts echarts 对比与关系

    秋云图表库,包含二种配置属性对应二种js配置文件。 一种是 :echarts.js, 一种是 : ucharts。 二者的配置属性不一样! ucharts和echarts都是用于数据可视化的开源JavaScript库,它们有一些相似之处,也有一些不同之处。 相似之处: 都支持多种图表类型和交互式操作。 都能够使用

    2024年02月10日
    浏览(37)
  • 微信小程序点击按钮或者自动定位到某一个位置

    微信小程序想要定位某一个位置,一般都是用组件scroll-view实现的 1.如果没有组件化,直接在scroll-view写html代码的时候,想要定位在scroll-view可视化开始端是比较简单的。 值得注意的是scroll-view自己的高度必须是固定的比如400rpx,如果是全屏可以使用100vh. scroll-into-view属性在官

    2024年02月14日
    浏览(60)
  • 小程序按钮重复点击解决方案

    小程序是直面用户便捷的应用,而在用户使用时往往都会涉及到关键节点的按钮点击,例如,注册登录时,页面跳转时,发送验证码时,付钱还款,弹出提示等等。。。如果没有控制好按钮重复点击的问题,那么影响用户体验。当然有时候也会被同行吐槽,这人不行。。。

    2024年02月13日
    浏览(30)
  • 【小程序】scrollview制作tab导航栏,点击tab自动滚动到指定位置

    前几天遇到一个需求,做一个答题的界面,顶部是题目编号列表,下面是题目,点击题目编号跳转到相应题目。一开始想用vant weapp中的Tab标签页组件来做,也试着用过,中间遇到了某些问题效果不太理想。具体我也忘了啥问题。最后还是用scroll-view+swiper来实现了这一个功能。

    2024年03月22日
    浏览(48)
  • 微信小程序 - 实现点击按钮退出小程序的解决方案

    在微信小程序开发中,有时候我们需要在小程序中提供一个按钮,使用户能够方便地退出小程序。本篇文章将介绍一种简单的解决方案,通过点击按钮来实现退出小程序的功能。 首先,我们需要在小程序的页面中添加一个按钮,用户可以点击该按钮来退出小程序。在小程序的

    2024年01月22日
    浏览(33)
  • 解决页面使用zoom导致echarts位置偏移问题

    本文仅作为记录 由于页面使用zoom来适配pc页面 但是会导致页面上echarts位置偏移 当时找到两个方法是弃用zoom改用transform scale放大缩小配合其它属性解决具体的忘了 采用了另一个方法继续使用zoom给echarts的canvas加上其它属性来解决这个问题 刚开始使用的是这个 刚开始还有效果

    2024年02月04日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包