最近在做一个uniapp开发的项目,有需求需要做数据的可视化,因为一直在做pc端的项目,第一次做移动端开发,当时自然而然想到数据可视化 就用echarts,不过在后面查阅社区文档发现 echarts 涉及大量的dom操作并且无法跨端使用,社区推荐了全端可用的uCharts,因此就开始查阅文档使用ucharts进行图表开发 ,引入使用了秋云ucharts插件,其实一开始使用的是原生的ucharts开发后来弃用了 因为有部分内容不知道该怎么实现…时间紧迫并且发现秋云解决了该问题 就使用插件了
遇到问题的场景:
使用X轴滚动属性之后 滑动x轴的时候 y轴的首末端会出现一个白色背景,前提是项目的界面背景不是白色的时候 ,y轴就显得很突兀也不好看 测试肯定过不了关
先说结论:
在秋云文档中指出,设置x轴滚动之后需要设置opts中的background属性 ,但是在我设置了属性之后并没有生效,于是去查看插件源码,在opts里设置的background似乎并没有传递过来 ,在插件源码中使用的background属性 看起来是需要通过标签传递过去
以下是秋云插件源码
可以看到这个background 是组件传参过来的 ,在opts里面配置的background似乎并没有什么用,因此在标签上传递参数之后 问题就解决了
遗留问题
不过还剩下一个问题
在设置透明背景的时候,y轴虽然不会是个白色背景,但是会是个透明的 这个问题暂时还没有解决 ,
相关联的问题在网上并没有发现有人发这样的文章 ,如果有人碰到类似问题,并且知道如何解决这个透明是y轴加个不透明这样效果的还请赐教
忘了说一点,在原生开发中opts里设置background是生效的 ,为何不用原生是因为缩放功能和配置tooltips的一些需求在原生上配置看起来很麻烦,也没有找到相关的实例,社区也相对不活跃。头一回正式的开发移动端,遇到了各种坑,以后这种项目得慎重考虑一下接不接了 ε=(´ο`*)))唉