澎湃Logo
下载客户端

登录

  • +1

多彩图表手册 | (5)环图

2021-06-15 19:16
来源:澎湃新闻·澎湃号·湃客
字号

原创 丑丑姐姐 专利分析可视化 收录于话题#图表介绍及制图规范29个

Hello,大家好,“多彩图表手册”系列好久没有跟大家见面了,今天终于回归,跟大家分享一些设计环图的技术启示。

01

单一环图

标引线要平行:下面这样的环图为什么看上去专业,因为标引线都是平行的,左侧端点也是平行的,看上去非常统一。而excel自动生成的环图,标引线的方向和排布比较混乱,所以看上去就不那么优质了。

01

02

下面这张图的标引线虽然是折线,但是它们最终在端点部分的线段都是完全水平并且平行的,看上去也很统一。

03

给标引线加上小细节:下面这张图还在每条标引线的端点处加上了更粗的线段,这样的小细节就能让你的图表气质更上一层楼。

04

标引线也可以朝向其他方向:因为阅读习惯,大部分的环图的标签都放在环图的右边,所以标引线的朝向也是向右边的,但是朝向其他方向也并不是不可以,比如下面的环图标引线就是朝向左边的。

05

标引线也可以全部垂直:

06

做个统一的标签:如果系列环图的几个类别是相同的,可以统一在图表上方加上标签解释说明每种颜色所代表的含义,在环图中就不需要再加上很多文字来说明每种类别的含义了,只需要表上数字或者百分比即可。

07

当然可以给每个环图都加上解释颜色含义的数据标签。

08

给环图的端点做个变形:通常的环图,每个部分之间用直线分割,下面这张环图在每个部分之间用弧形分割,环形是不是就有了方向感?

09

把标签写在环形里面:如果你的环图够大,也可以把标签写在环形里面。

10

不重要的部分用线条填充,可以更加凸显重要部分的数值:

11

上面的环图都很苗条,其实胖胖的环图也很可爱:

12

加点icon,更美味。

13

02

多环图

多环图,因为类别很多,所以不重要的类别就使用与背景色相近的颜色,这样能够突出重要的数据。

14

环图加饼图:下面的图其实也是一种多环图,只是把最里面的环图做成了饼图。

15

03

不完整的环图

半环图:环图可以做成半圆形,以180°的环图作为100%的整体进行分割。

16

270°环图:下面这张图的环图没有占到360°,只有270°,剩下的90°用来写标题。

17

本期对环图介绍的内容就到这里,想要了解哪张图的制作方法,请在本文下方留言,告诉小编图表编号哦(单选)。

往期相关内容:

保护版权人人有责

小编心血,拒绝盗图,如需转载,后台联系

·↑长按识别二维码关注 ↑·

微信号:专利分析可视化

原标题:《多彩图表手册 | (5)环图》

阅读原文

    本文为澎湃号作者或机构在澎湃新闻上传并发布,仅代表该作者或机构观点,不代表澎湃新闻的观点或立场,澎湃新闻仅提供信息发布平台。申请澎湃号请用电脑访问http://renzheng.thepaper.cn。

    +1
    收藏
    我要举报

            扫码下载澎湃新闻客户端

            沪ICP备14003370号

            沪公网安备31010602000299号

            互联网新闻信息服务许可证:31120170006

            增值电信业务经营许可证:沪B2-2017116

            © 2014-2024 上海东方报业有限公司

            反馈