秋云ucharts设置X轴滚动遇到的一个问题

在uniapp移动端项目中,开发者遇到使用uCharts进行数据可视化时,x轴滚动导致y轴出现白色背景的问题。尝试通过设置opts中的background属性未生效,通过查看秋云插件源码发现需在组件标签上直接传递background参数来解决。然而,设置透明背景后y轴仍有透明问题待解决。原生uCharts的background设置在原生开发中有效,但因特定需求选择了秋云插件。
摘要由CSDN通过智能技术生成

最近在做一个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的一些需求在原生上配置看起来很麻烦,也没有找到相关的实例,社区也相对不活跃。头一回正式的开发移动端,遇到了各种坑,以后这种项目得慎重考虑一下接不接了 ε=(´ο`*)))唉

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值