uni-app使用ucharts跟随页面滚动

最新推荐文章于 2024-04-03 15:47:40 发布
最新推荐文章于 2024-04-03 15:47:40 发布
阅读量1.8k 收藏
点赞数 3
分类专栏： uni-app 文章标签： uni-app vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57923753/article/details/116951571
版权

解决办法：

可以使用<scroll-view :scroll-y="true">ucharts内容组件</scroll-view>包裹住就不会滚动页面时跟随页面掉样式，

tips：切记，scroll-view替换在在最外层的view标签里面，否则使用效果不佳，有更好的方式也可以评论分享

丿小青竹
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
uni-app中内嵌u-charts图标导致页面在图表无法滑动
weixin_44883460的博客
05-28 2313
这里写自定义目录标题uni-app中内嵌u-charts图标导致页面在图表无法滑动以下有两种方法1.第一种方法2.第二种方法 uni-app中内嵌u-charts图标导致页面在图表无法滑动 这个问题是在我现在的开发项目中发现的，由于之前图表页面是单个页面写的，不存在内容过多需要滑动，这次页面做调整把所有图表集成在一个页面里面，这次就发现，当滑动触摸在图表上整个页面是无法进行滑动的，那如何解决这个问题呢? 以下有两种方法 1.第一种方法 在u-charts2.0版本上有个disableScroll属性这个可
uni-app 富文本编辑 回显富文本和修改富文本！
11-21
uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富...
uniapp中使用echarts formatter真机下失效
qq_42103673的博客
11-24 1940
原因：在update方法得到的option中的formatter函数不存在 手动添加之前： 手动添加之后： 解决：需要手动在setOption之前添加需要自定义的formatter，以下是完整代码 <template> <view> <view class="echarts" :id="option.id" :prop="option" :change:prop="echarts.update" @click="echarts.on...
ucharts 背景色滚动左侧消失和ucharts滚动条无法拖拽的问题
最新发布
Adv_program的博客
04-03 229
样式穿透问题在容器标签上添加 :background="'#DFECFA'"
uni-app中使用uCharts图表设置横向滚动无法滑动。
HDdgut的博客
02-15 5665
1.问题设置了enableScroll：true无效， 配置如下： chartOpts:{ legend:{ show:false }, padding: [10,0,0,0], dataLabel:false, dataPointShapeType:'hollow', yAxis: {data:[{fontColor:'#cccccc'}]}, update:true, enableScroll: true,//开启图表拖拽功能 scrollAlign:'left
微信小程序中使用echarts，ios真机在swiper 组件上无法滑动图表
筱✿熙
01-28 863
开发过程中，在模拟器和Android真机上使用图表在swiper组件中滑动没有遇到任何问题，结果同事拿了iOS测试使用出现无法滑动的问题 因此查看了echarts官方文档和小程序官方文档 最后得到解决方法在设置图表属性的时候设置disableTouch的属性为true即可 ec: { disableTouch: true, }, 这样就可以解决在iOS真机上无法滑动的问题 希望遇到同样问题的同胞不要花费很多时间 ...
微信小程序echarts图表跟着滚动条滚动
weixin_48419726的博客
10-10 992
微信echarts图标渲染滑动问题
uni-app中在模拟器上内容可以滚动，真机上失效问题解决
yangyanqin2545的博客
01-11 849
1、刚刚开始使用的是view组件，给定了高度，超出部分y轴滚动，微信小程序模拟器上面一直为正常。2、为了适配真机，在view组件外边套用了scroll-view,利用该组件中的组件配置滚动。
uni-app uni-data-picker 省市区数据表
06-16
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
uni-app 的30分钟倒计时
06-20
uni-app 的30分钟倒计时
uni-app-template:uni-app 通用模板
04-06
uni-app 通用模板官网地址 平台兼容说明模板说明：基于cli创建的轻量化项目模板，只保留vue最基础的使用方式，保证打包到多端时不需要作太多判断处理状态管理不建议使用vuex，因为会导致代码变得冗余，而且在编辑器...
uni-app登录实例的实现
10-29
使用HBuilderX开发登录实例。我的博客主页：https://blog.csdn.net/k571039838k?orderby=UpdateTime
秋云uCharts图表实现左右滑动带滚动条
AUIgmod的博客
03-10 2411
itemCount是x轴当前屏幕显示的个数，根据自己需求来定，第三步：x轴上的scrollShow上的false改成true。第二步：启用图表拖拽功能。
学习笔记——uCharts中图表无法横向滚动
qq_41339126的博客
11-29 3422
uni-app中使用uCharts图表，x轴数据太多，设置横向滚动，无效。 1.问题： <qiun-data-charts type="area" :chartData="areaChartData" :echartsApp="true" :opts="areaOps" /> 设置了enableScroll也没用 areaOps: { "enableScroll": true, } 2.解决方法： 需要在组件中设置ontouch属性。 <qiun-d...
关于uniapp微信小程序上使用uCharts图表不随着页面滚动的问题
shika233的博客
11-02 3077
我的一个页面有多个图表，还有v-if控制显示的两个地图，一开始页面滚动时，部分图表会固定住不随着页面滚动。 自己查了一些资料，也问了一些人，折腾了几天都没有检查出问题，突然想到canvas2d这个属性，在属性描述中是为了解决层级才要加上的，自己的页面并没有层级问题，于是就把所有的canvas2d属性删掉了（默认就是false了），奇迹般的问题就解决了。应该是canvas2d开启后导致图表层级变高了，页面会出问题，所以这个属性要慎用啊。 ...
【uCharts图表放到scroll-view中后无法左右滑动问题】
weixin_46527514的博客
11-08 514
uCharts图表放到scroll-view中后无法左右滑动问题
在scroll-view中使用u-charts，滚动图表
jsmeng626的博客
09-07 606
直接在scroll-view中使用可滚动的图表，图表是无法滚动的，图表的滚动事件和scroll-view的产生了冲突。
echart界面缩放问题解决
sodakii的博客
09-27 1805
【代码】echart界面缩放问题解决。
uni-app使用uni-list
07-27
在uni-app中使用uni-list，你可以按照以下步骤进行操作： 1. 在页面中引入uni-list组件，可以通过在页面的json文件中添加"usingComponents"字段来引入组件，或者直接在页面的vue文件中使用import语句引入组件。 2....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值