
EChatrs
A_Qyp
一名前端人员,开发时碰到有质量的东西或是碰到的一些小坑都会第一时间给大家分享
展开
-
ECharts来自定义仪表盘
前言首先呐,我先介绍一下这个demo,是公司要求我来做一个额度指针转盘,这个东西也是非常的炫酷啊,难度也是有的,当时我做的时候也花了时间,但是做出来效果是非常的满意的,下面,我来给大家一步一步讲解。一、上效果图就是这个样子的,下面开始讲解这个东西是怎么实现的二、demo解析 这个是分为两部分,一个就是Echarts的图表,一个就是中间的数字,它是滚动的,就是一个简单的数字滚动,本来这篇文章是不该又这个数字滚动的,就是专门来讲这个图表的,但是我懒的删了,就直接都说了吧,万一有小伙伴需要的话就不用原创 2020-12-04 15:56:10 · 2899 阅读 · 1 评论 -
ECharts中图表加载动画时间
前言这一篇文章没什么技术要点,就是来给小伙伴们扩展一下ECharts的知识,我们平常用ECharts的时候每次刷新都会重新加载一下ECharts图表,那么加载的时候就会有个图表数据增长或者是变化的过程,这个过程可以说是一个动画,那么提到了动画,就会有这些个需求了,我们想让它加载的慢一点或者快一点,这时候这篇文章就发挥到它的作用了。一、效果图我这边的这个图表大家可以清晰的发现,是要比默认的慢了好多,那么它的运作场景就是很大的图表,就比如宽是一个屏,那么你不设置动画时间采用默认的话,感觉体验会非常的不好原创 2020-07-30 11:32:37 · 5997 阅读 · 0 评论 -
Vue中EChatrs中两个图表联动(一个图表控制另一个图表的数据)
前言这篇文章给小伙伴们带来的是EChatrs的操作,是通过点击一个图表来控制另一个图表的数据的操作,看着还是蛮有用的,因为大家在做管理系统的项目的时候,应该都是可以用的上的,也非常的简单,就是有的小伙伴可能刚接触EChatrs的时候可能不太熟悉其中的属性,因为它的属性功能太多、太强大了。展示一、原理它的原理其实十分的简单,非常的简单,就是给一个图表绑定一个点击事件,当然这个操作在原生的js代码中还是很好实现的,就获取下DOM,然后操作操作就可以了。但是这篇文章来主要给大家说的是在Vue中应该怎样原创 2020-07-29 14:26:24 · 3091 阅读 · 3 评论