本篇会给大家讲解一个关于全球主流社交媒体平台网红收入统计的商务图表案例,该图表由经济学人团队制作,这里我用到的案例图来源于一个名叫“社会网络与数据挖掘”的微博主页。
该图表制作精良,数据呈现维度精准有趣。其中最引人注目之处在于,经济学人竟然没有使用一贯的官方配色,而是在仅简单保留图表版式的基础上,使用了各大社交平台的logo色作为图表的主色。整体来看颜色搭配也是非常协调、舒服。
图表如下:
图表来源:经济学人;
获取渠道:微博博主——社会网络与数据挖掘
这种图表应用方式我称之为分面表达(借鉴了R语言中的数据可视化包ggplot2的分面作图理念),它非常适合用于表达多分类多序列数据图表。
接下来我会用一些基础的excel图表技巧分步骤还原该图表制作过程:
其中用到的图表及数据组织技巧涉及到单元格排版、图表锚定、单元格拍照、辅助数据列等。
我将步骤分成单独的七步:
第一步:logo搜集:
这一步我不用讲太多,如果你还对搜图有什么困惑,可以去参考一些PPT大神的搜图文章,如阿文大神、曹将等,还有logo图标最好要PNG格式的素材,这样背景透明,编辑和排版的时候可以省去不少麻烦。
第二步:规划Excel单元格:
这一步虽然看起来简单,但是确是想要做好图表版式的关键环节,你需要用肉眼分解整个图表案例的各个元素,明确哪些元素可以通过Excel内置的图表完成,哪些元素则需要借助图表背后的单元格写作来完成。
针对以上图表案例而言,左上角的红色矩形(那是economist图表的经典标识),以及主标题、副标题、六个品牌logo以及图表底部的备注(数据来源和网站)区域是Excel内置图表无法完成的元素,而我画黄色框线的地方,也就是图表的绘图区两组图表是可以Excel内置图表来完成的。
明确图表元素之后,你还需要为每一部分的图表元素规划好单元格位置,需要确定单元格背景规划几行几列以及每一个行列的高宽问题。
其实这一步确实没有什么特定的标准,单元格规划几乎全凭自己的经验,只要你觉得自己规划好的各个模块可以很好的容纳下图表对象的所有元素就OK。
第三步:组织数据源:
以下数据源是我从图表中提取出来的(非官方数字),我将其排列如下:
以上数据源中,A列将来要作为列标签,Followers列作为列标签区域的占位数据,C、E、G三列作为数据列,D、F、H三列(绿色背景)作为图表之间间隔空隙的辅助列。
辅助列的设置规则非常简单,就是用每一组数据的最大值(最好比最大值略微大一些)与该组数据的差值作为辅助列数据。(注意看图中我用到的几个最大值:325000、250000、150000)
第四步:创建并美化图表
这一步使用B2:H6和B10:H14两个单元格区域创建两个堆积条形图。
接着将第1、3、5、7个系列填充背景色:RBG(238,243,246)
将第一个序列添加标签,标签为A列文本信息。
(这里由于Excel版本的问题,13版以下的使用者可能需要使用标签工具插件来完成文本添加过程,我所使用的两款插件分别为:XYCharter Label、EC_Chart Alignment,建议使用Excel 2013甚至2016版的小伙伴下载使用。因为这两款插件的功能,可以帮助你完成很多Excel官方软件无法处理的文本标签问题)。
然后顺次修改六个图表的条形填充颜色,RBG色值如下:
YouTuBe: 227,87,60
FaceBook: 62,87,143
Instagram: 163,119,170
Snapchat: 243,21,52
Vine: 255,252,1
Twitter: 0,148,201
单个数据标签的位置与颜色要调整与案例一致,关于单个数据标签的调整,你可能会再次用到XY Charter Label这款插件。
第五步:元素归位,图表锚定:
这一步最重要的事情的就是将我们做好的两个堆积条形图锚定到对应单元格位置,关于图表锚定单元格技巧,网络上有相关的技术贴,这里不再赘述,你也可以参看刘万祥老师的经典作品——《Excel图表之道》。
第六步:插入图标,调整布局
这里只需略微注意一下图标与对应条形左对齐。
第七步:拍照引用(利用照相机)
照相机功能是Excel很早就有的(大概2003版就有),不过一直没有出现在Excel菜单界面中,如果你还没有用到过照相机功能的话,首次使用需要在自定义菜单中开启。
首先选中整个图表单元格背景区域(注意是囊括图表所有元素的单元格区域而非图表),然后点击菜单中的照相机,此时鼠标变成小十字状,在Excel空白单元格区域释放即可。(这里拍照生成的图表无法编辑,但却可以与源图表单元格背景区域实时联动)。
不过拍照后的图片有些小瑕疵,比如默认生成的图片带有黑色边框,需要自己修改图片边框颜色。
关于图表中的字体问题:
因为我没有该图表的官方源文件,所以无法得知图表中的主标题、副标题字体类型(想必是经济学人独有的定制字体),这里案例文件中使用的字体没有太过讲究,一律使用微软雅黑。
当然,如果你想将该风格及版式用于自己的日常业务中去,字体可以根据需要(或者项目规定)来决定。
最终的图表如下:
下面是该图表原图(来自微博)与案例演示图的对比:
限于篇幅和时间,以上图表制作过程中很多细节性技巧:锚定、拍照、标签处理问题没有很详细的展示出来,不过我会尽量通过以后的案例来详细讲解。当然制图的过程也免不了有些瑕疵,欢迎各位小伙伴儿在公众平台回复问题和困惑。
案例文件下载:https://pan.baidu.com/s/1i4AfCGH
欢迎大家加入QQ群一起探讨学习
请点击此处输入图片描述
【书籍推荐】《Excel 数据之美-科学图表与商业图表的绘制》
【手册获取】国内首款-数据可视化参考手册:专业绘图必备
【必备插件】EasyCharts -- Excel图表插件
【网易云课堂】Excel 商业图表修炼秘笈之基础篇