提问
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,极速登录

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

stephenking 帆软员工 版主
发表于 2018-1-12 15:31:33 | 显示全部楼层 |取消关注该作者的回复
        轮播环形图是比赛抢先选课题阶段最受欢迎的课题了,也是本次插件大赛第二名行舟同学的第一份作品。这个插件虽然看起来很简单而且选择该课题的人很多,但是最终做出优秀作品的很少。

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

动.gif

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


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


Jietu20180112-152112-HD.gif


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


截图201801121529169216.png


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


此帖共有 793 位番薯登录后查看
回复

使用道具 举报

星痕 社区微信达人番薯互助团队 文档共创团队 互助叫兽、助理编辑、VIP1
发表于 2018-1-12 15:43:32 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

cherishdqy 社区微信达人实名认证 番薯互助团队 文档共创团队 互助叫兽、助理编辑、VIP2
发表于 2018-1-12 15:53:47 | 显示全部楼层 |取消关注该作者的回复
可以可以
  • 评论

回复 支持 反对

使用道具 举报

yutingxtz 番薯互助团队 互助新人
发表于 2018-1-12 16:49:33 | 显示全部楼层 |取消关注该作者的回复
这种其实还是饼图,只是内径占比加大了而已。

真正的环形图,是有多个系列。这样比较中,“长度”的概念才有意义。
  • 评论

回复 支持 反对

使用道具 举报

RainSky 社区微信达人实名认证 渐入佳境(Lv2)
发表于 2018-1-13 09:09:10 | 显示全部楼层 |取消关注该作者的回复
学习
  • 评论

回复 支持 反对

使用道具 举报

flyingsnake 社区微信达人实名认证 番薯互助团队 文档共创团队 互助叫兽、助理编辑
发表于 2018-1-14 12:07:36 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

garyabb 社区微信达人 初学乍练(Lv1)
发表于 2018-1-15 08:53:02 | 显示全部楼层 |取消关注该作者的回复
学习
  • 评论

回复 支持 反对

使用道具 举报

happy_cangcang 实名认证 番薯互助团队 互助新人
发表于 2018-1-15 09:50:09 | 显示全部楼层 |取消关注该作者的回复
厉害呀,用在大屏很合适
  • 评论

回复 支持 反对

使用道具 举报

周小会  初学乍练(Lv1)
发表于 2018-1-15 10:53:13 | 显示全部楼层 |取消关注该作者的回复
现在的轮播环形图能实现自动刷新吗?

点评

暂时不支持,有需求的话可以联系我们的技术支持或者销售。  发表于 2018-1-15 16:10
  • 评论

回复 支持 反对

使用道具 举报

少年休闲海 社区微信达人实名认证 渐入佳境(Lv2)
发表于 2018-1-17 08:53:23 | 显示全部楼层 |取消关注该作者的回复
拉风拉风,厉害,可以的,小伙子
  • 评论

回复 支持 反对

使用道具 举报

wangxing  初出茅庐(Lv3)
发表于 2018-1-29 14:21:38 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

联系管理员@兔子酱|联系帆软|免责声明|手机版|帆软社区|Copyright © 帆软软件有限公司 ( 苏ICP备14031611号-3 )

GMT+8, 2018-12-10 08:16 , Processed in 0.749923 second(s), 148 queries , Gzip On.

返回顶部 返回列表