使用ucharts遇到的坑

最近开发一个小程序,页面的主体内容都是用Ucharts图表实现。

踩坑一

image.png

 最开始为了使项目大小更小,我没有下载组件库。而是导入js文件,使用的原生的写法。但是写到后面,我发现用原生写的图表优先级 完全 压不下去!!

 然后就开始苦逼的查文档,文档上是说 开启2d 模式之后就可以解决这个问题,然后我就开启了。然并卵!!毫无作用,百度了一大圈,发现使用了原生写法的大兄弟都有这个问题。而使用组件写法的不会有这个问题。

于是乎,只能把代码全部改成组件的写法,md,终于压下去了!(微信开发者工具上还是会显示层级压不下去的效果,但真机上是正常的

踩坑二

原生写法坑b的第二个点,开启不了折线图的左右滑动,能用的api都用上了,就是无效。

业务需求是折线图上会有一个月的数据,然后每次差不多展示7天,然后可以左右滑动。

依旧改成组件写法之后能实现滚动

但组件写法也不是一点点坑都没有,在折线图实现滚动之后,图表左边会有突出的白条

没滑动时候:

image.png

 滑动之后:

image.png

 在度娘的一顿搜索下,找到了一个不是办法的办法,通过设置这部分的背景为透明色,让白条实现消失的效果。

image.png

注意,这个设置也是api里面已有的,不过和api里面写的位子不一样(api里的是写在js图表配置里,按api里面的写法,是无效的,又是一个坑壁点)

 给透明色之后,又出现了一个问题

image.png

 是真tm透明坏了,但没办法,搜遍全网,没得解决方案了,先这样了,有解决这个问题了的大兄弟请教我一下。。。。。。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值