轮播环形图——拥有七十二般变化的甜甜圈

我是社区第82056位番薯,欢迎点我头像关注我哦~
        轮播环形图是比赛抢先选课题阶段最受欢迎的课题了,也是本次插件大赛第二名行舟同学的第一份作品。这个插件虽然看起来很简单而且选择该课题的人很多,但是最终做出优秀作品的很少。

        这个课题最初是由公司负责大屏产品的同事提出来的,传统的FR图表没有自动播放的功能,在大屏无人值守的展示中缺乏吸引眼球的交互效果,所以想将现有的基础图表都加上类似的功能。轮播环形图也可以算作是此类场景下,应用最为广泛的图表类型。

动.gif

大屏模板的左下角是最新的轮播环形图插件


        环图(又叫做甜甜圈图),其本质是饼图将中间区域挖空。饼图的整体性太强,我们会将注意力集中在比较饼图内各个扇形之间占整体比重的关系。但如果我们将两个饼图放在一起,饼图很难同时对比两个图。环图在解决上述问题时,采用了让我们更关注长度而不是面积的做法。这样我们就能相对简单的对比不同的环图。同时环图相对于饼图空间的利用率更高,比如我们可以使用它的空心区域显示文本信息,比如标题等。


Jietu20180112-152112-HD.gif


        本插件在集成国内知名开源图表库环形图的基础上添加了大屏所需的自动播放系列的功能。并提供了多种切换动画方案。大神行舟做的很多特效都是超出笔者预期的。用户可以在样式面板中找到很多关于动画的配置项。


截图201801121529169216.png


        轮播环形图支持免费下载体验,插件刚上架购买即可获半价优惠。https://market.fanruan.com/plugin/665


发表于 2018-1-12 15:43:32
发表于 2018-1-12 15:53:47
可以可以
发表于 2018-1-12 16:49:33
这种其实还是饼图,只是内径占比加大了而已。

真正的环形图,是有多个系列。这样比较中,“长度”的概念才有意义。
发表于 2018-1-13 09:09:10
学习
发表于 2018-1-14 12:07:36
发表于 2018-1-15 08:53:02
学习
发表于 2018-1-15 09:50:09
厉害呀,用在大屏很合适
发表于 2018-1-15 10:53:13
现在的轮播环形图能实现自动刷新吗?
发表于 2018-1-17 08:53:23
拉风拉风,厉害,可以的,小伙子
发表于 2018-1-29 14:21:38
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

11回帖数 1关注人数 14152浏览人数
最后回复于:2018-1-29 14:21

返回顶部 返回列表