前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >图表案例——简约却不简单的图表制作技巧

图表案例——简约却不简单的图表制作技巧

作者头像
数据小磨坊
发布2018-04-11 14:54:50
1.3K0
发布2018-04-11 14:54:50
举报
文章被收录于专栏:数据小魔方数据小魔方

我们通常看到的小而美的图表,一般都是经过图表制作者深层次加工过的成品。

而要想了解一个规范的商务图表制作过程,对图表的拆解与还原就显得非常重要。

今天的案例是关于三家电子消费业巨头:三星、苹果、华为的研发支出统计图。

三组填充面积图并肩而立,看起来清晰明了,信息表达直观准确、图表风格简约美观。

但是只有亲手去复制一个图表案例,你才会体会到简约的图表中蕴含的不简单。

图表中所呈现的数据信息如下(近似值):

要想高度还原该图表案例,我想到的方法所需要的数据结构如下:

我的思路是,利用错行组织(方便填色),同时结合时间格式的坐标轴(X轴)实现面积图之间的断点空隙。(注意观察辅助时间轴中交界点数据设置)。

X轴为辅助时间轴,其余四列全部添加制作面积图,并将三、四列(Huawei、Huawei-占位)两列图表类型更改为堆积面积图模仿原图中的强调色填充区域。

接下来解决折线问题,虽然面积图也可以设置边框线(但是面积图边框线是闭合区域,填充之后断点和零值全部都会显示),但是更好的解决方式是将三列主要数据(Samsung、Huawei、Apple)再次添加之后更改为折线图(同时开启次坐标轴)。

因为横坐标轴使用的是时间刻度(为了显示断点),所以无法添加文本标签,这里需要添加一个散点图序列添加文本数据标签标签模拟横轴标签。(原来的时间刻度标签需要隐藏)。

最后修改图表线条及填充区域颜色,格式化至与原图一致为止。

最后合理布局单元格,布局图表元素,调整并拍照引用:

以下是原图与案例图的对比:

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-10-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 数据小魔方 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档