盘点那些你不知道的饼图创意玩法
饼图,用于显示一个数据系列中各项的大小与各项总和的比例,通过弧度大小来对比各种分类。整个圆饼代表数据的总量,每个区块表示该分类占总体的比例大小。由于采用图形的方式,数据占比展示的更加形象直观。
那大家常见的饼图是什么样的呢?还是最最经典但普遍的这种吗?
而我使用SuccBI仪表板中的【饼图】组件做出来的,是这样的:
更有这样的!
某连锁超市西瓜各门店销量占比
某连锁市场橙子各门店销量占比
某连锁披萨店各门店销量占比
DEMO地址
https://demo.succbi.com/demo/饼图/play
饼图很酷炫,那怎么做呢?会不会很麻烦呢?
想要实现上述的酷炫效果,我们需要采取1+1的模式。即饼图形状+饼图的美化。可以简单的理解为框架+效果。
饼图七十二变
那我们先来了解一下一个简单的饼图,究竟可以变换成多少形态呢?
通过上图,我们就可以看出,饼图从形状上就可以实现:普通饼图、同心圆饼图、断开环形图、玫瑰图、空心玫瑰图五种。
有了这五种基础图形,再开动脑筋、发挥创意,就可以创造出无限的美观的有创意的饼图啦!
美化加工厂
了解了饼图的基础形状之后呢,我们就可以给饼图设计个造型。比如我们来看一下下面的变换公式:
是不是超级简单!接下来我们看点有创意的!
这些饼图该怎么实现呢?有没有公式呢?看好了,公式来啦!
饼图的样式调整也是多种多样!边框、阴影、填充、半径设置、标签、圆角、边距等等。可以按需搭配。
了解完一些基本图形及搭配公式,大家赶紧行动起来,点击下方链接下载DEMO体验版用起来!
赶紧评论区留言!亮出你的饼图吧!看看谁的更加新颖有趣!
更多精彩:
官网:
山川软件
示例DEMO地址:
https://demo.succbi.com/
产品文档地址:
SuccBI产品文档 | 山川软件产品文档
DEMO体验版下载地址:
4.20.x版本发行日志 | 山川软件产品文档
B站视频地址:
山川软件的个人空间_哔哩哔哩_Bilibili
盘点那些你不知道的饼图创意玩法相关推荐
- 网上超火的微信昵称和头像创意玩法 个性又帅气 有意思!
之前分享过不少单独的微信昵称和头像玩法,不过总有小伙伴留言表示不够个性.今天,小编在网上发现了一个非常有创意的微信昵称+头像组合玩法,在抖音上火过,挺有意思的. 网上超火的微信昵称+头像创意玩法,先看 ...
- IP 的一百种创意玩法,是育碧的套路没错了!
Ubisoft Nano 第三季来了!Ubisoft Nano 是育碧专属的原创多人在线 H5 游戏平台,本次上线的3款新游戏依然采用 Cocos Creator 开发,支持手机.PC.Mac.平板等 ...
- 盘点Git的那些冷门玩法
其实也不是很冷门,只是要实现以下需求时,笔者一时间竟然想不起来,还要借助搜索引擎,于是记录一下,算是 备忘.希望对大家也有帮助. 强制覆盖master分支 最近对 Spring Cloud YES[1 ...
- 【青山css】css3阴影效果属性详解及创意玩法
前言 css阴影效果是我们经常使用的一个css属性,但你有仔细了解过它吗?是不是用的时候直接从蓝湖上复制过来就行了,那你了解它的每个参数吗?用阴影又能实现哪些好看的效果呢?来看一看我收集总结的css阴 ...
- 你不知道的 Chrome DevTools 玩法
大家好,我是若川.今天再分享一篇 chrome devtools 的文章.之前分享过多篇. Chrome DevTools 全攻略!助力高效开发 前端容易忽略的 debugger 调试技巧 笔者 ...
- 后裂变时代:拼团、砍价、分销等主流玩法盘点及未来趋势
本文为PMCAFF专栏作者独孤伤出品 两名拳手,「微信」和「裂变」,前者给后者下了一记重拳. 微信发布公告,要重点处理利诱分享朋友圈打卡的行为,点名批评了很多付费阅读打卡的产品,比如曾经风靡一时的薄荷 ...
- Cocos Creator 微信创意小游戏《蛇它虫》团队专访:玩法画面均是新意
<蛇它虫>是由杭州电魂网络投资的文艺复兴工作室自主研发的一款益智解谜小游戏,在今年 1 月 9 日的微信公开课上,与其他五款小游戏一起,作为首批微信创意小游戏,在公开课上的小游戏环节亮相. ...
- 企业的这六种营销创意活动玩法,你可知?
清明前后,种瓜点豆 植树造林,莫过清明 清明节是中国一个很重要的节日 作为春季的第五个节气 它象征着万物复苏的春天确实已来临 春耕春种.扫墓.踏青.插柳等都围绕着它进行 并且也是唯一一个放假的节气 那 ...
- 创意小游戏《蛇它虫》团队专访:玩法画面均是新意
<蛇它虫>是由杭州电魂网络投资的文艺复兴工作室自主研发的一款益智解谜小游戏,在今年 1 月 9 日的微信公开课上,与其他五款小游戏一起,作为首批微信创意小游戏,在公开课上的小游戏环节亮相. ...
最新文章
- ipv6改为ipv4
- OpenCV-Python,计算机视觉开发利器
- 闲话网名之“jrfly331”
- Mybatis-Plus自动填充的实现示例
- android小米计算器布局,小米这8个逆天小功能一定用起来!不会用,手机简直白买...
- 7.3.3 多路复用IO(IO multiplexing)
- 查看anaconda环境下各个包的版本
- 通过adb和python直接传输Android截图到电脑(windows适用)
- spring框架特点
- 天巡:2018十一黄金周出境自由行大数据报告(附下载)
- 语音识别到底是怎么一回事?学习门槛真的那么高么?
- mmo游戏服务器性能指标,关于performance:厚积薄发MMORPG手游合理的性能参数
- weblogic-cve_2020_2883漏洞复现
- AT2565 Chocolate Bar 洛谷
- aws 邮件服务器 接收邮件,Amazon SES
- 嵌入式-ARM-学习总结(7):按键与中断
- 在LINUX如何用键盘复制,粘贴
- 实验吧MD5之守株待兔解题思路
- 微信小程序学习之JS模块化(总结)
- OpenGL实现鱼眼矫正实时视频处理