我们通常看到的小而美的图表,一般都是经过图表制作者深层次加工过的成品。
而要想了解一个规范的商务图表制作过程,对图表的拆解与还原就显得非常重要。
今天的案例是关于三家电子消费业巨头:三星、苹果、华为的研发支出统计图。
三组填充面积图并肩而立,看起来清晰明了,信息表达直观准确、图表风格简约美观。
但是只有亲手去复制一个图表案例,你才会体会到简约的图表中蕴含的不简单。
图表中所呈现的数据信息如下(近似值):
要想高度还原该图表案例,我想到的方法所需要的数据结构如下:
我的思路是,利用错行组织(方便填色),同时结合时间格式的坐标轴(X轴)实现面积图之间的断点空隙。(注意观察辅助时间轴中交界点数据设置)。
X轴为辅助时间轴,其余四列全部添加制作面积图,并将三、四列(Huawei、Huawei-占位)两列图表类型更改为堆积面积图模仿原图中的强调色填充区域。
接下来解决折线问题,虽然面积图也可以设置边框线(但是面积图边框线是闭合区域,填充之后断点和零值全部都会显示),但是更好的解决方式是将三列主要数据(Samsung、Huawei、Apple)再次添加之后更改为折线图(同时开启次坐标轴)。
因为横坐标轴使用的是时间刻度(为了显示断点),所以无法添加文本标签,这里需要添加一个散点图序列添加文本数据标签标签模拟横轴标签。(原来的时间刻度标签需要隐藏)。
最后修改图表线条及填充区域颜色,格式化至与原图一致为止。
最后合理布局单元格,布局图表元素,调整并拍照引用:
以下是原图与案例图的对比: