首页 前端知识 秋云ucharts设置X轴滚动遇到的一个问题

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

2024-06-07 00:06:49 前端知识 前端哥 101 963 我要收藏

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11165.html
标签
评论
发布的文章

1.10 Unity中的数据存储 JSON

2024-06-13 21:06:30

JSON 数据格式化方法

2024-06-13 21:06:26

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!