最近开发一个小程序,页面的主体内容都是用Ucharts图表实现。
踩坑一
最开始为了使项目大小更小,我没有下载组件库。而是导入js文件,使用的原生的写法。但是写到后面,我发现用原生写的图表优先级 完全 压不下去!!
然后就开始苦逼的查文档,文档上是说 开启2d 模式之后就可以解决这个问题,然后我就开启了。然并卵!!毫无作用,百度了一大圈,发现使用了原生写法的大兄弟都有这个问题。而使用组件写法的不会有这个问题。
于是乎,只能把代码全部改成组件的写法,md,终于压下去了!(微信开发者工具上还是会显示层级压不下去的效果,但真机上是正常的)
踩坑二
原生写法坑b的第二个点,开启不了折线图的左右滑动,能用的api都用上了,就是无效。
业务需求是折线图上会有一个月的数据,然后每次差不多展示7天,然后可以左右滑动。
依旧改成组件写法之后能实现滚动
但组件写法也不是一点点坑都没有,在折线图实现滚动之后,图表左边会有突出的白条
没滑动时候:
滑动之后:
在度娘的一顿搜索下,找到了一个不是办法的办法,通过设置这部分的背景为透明色,让白条实现消失的效果。
注意,这个设置也是api里面已有的,不过和api里面写的位子不一样(api里的是写在js图表配置里,按api里面的写法,是无效的,又是一个坑壁点)
给透明色之后,又出现了一个问题
是真tm透明坏了,但没办法,搜遍全网,没得解决方案了,先这样了,有解决这个问题了的大兄弟请教我一下。。。。。。