专栏首页数据小魔方图表案例——简约却不简单的图表制作技巧

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文分享自微信公众号 - 数据小魔方(datamofang),作者:小魔方

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-10-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • think-cell chart系列16——树状分布图

    今天跟大家分享think-cell chart系列的第16篇——树状分布图。 大家不要困惑于该图表的名称——树状分布图,其实它用的技巧非常简单(就是基本图表的组...

    数据小磨坊
  • 图表案例|关于全球可穿戴设备用户调查(麦肯锡)

    今天要跟大家分享的是一个图表案例——麦肯锡关于全球可穿戴设备的用户调查! 原图表做的很精致,是麦肯锡一贯的蓝灰风格暗调调,在图表布局排版、图标使用等方面都有很多...

    数据小磨坊
  • 论一个图表的自我修养

    昨天给大家讲解了商务图表制作中的黄金原则——最大化数据墨水比。 今天继续给大家解构图表的元素布局! 商务图表作为表达业务数据的重要方式,需要遵循基本的元素布局...

    数据小磨坊
  • 2014年18张最佳数据可视化图表

    大数据文摘
  • 图表案例|关于全球可穿戴设备用户调查(麦肯锡)

    今天要跟大家分享的是一个图表案例——麦肯锡关于全球可穿戴设备的用户调查! 原图表做的很精致,是麦肯锡一贯的蓝灰风格暗调调,在图表布局排版、图标使用等方面都有很多...

    数据小磨坊
  • 论一个图表的自我修养

    昨天给大家讲解了商务图表制作中的黄金原则——最大化数据墨水比。 今天继续给大家解构图表的元素布局! 商务图表作为表达业务数据的重要方式,需要遵循基本的元素布局...

    数据小磨坊
  • 积极向上的锯齿图

    在我们日常报告中,柱形图一直占很大的比重,这让我们对它无比熟悉,这种熟悉虽然可以让我们快速领会图表所要表达的意义,但也因为它千篇一律的表现形式让我们很难对它提起...

    卤代烃
  • 手把手教你如何创建和美化图表

    一图胜千言。说到图表,想必很多人都被网上酷炫的图表震惊过。比如下面这样的可视化图表,看起来,很高大上有没有。

    猴子聊数据分析
  • 【干货】手把手教你做出一份让人眼前一亮的数据分析图表

    导读:所谓一图胜千言。设计严谨,制作精美的图表能使枯燥的数据变得直观形象、重点突出,更能迅速传达信息,具有说服力。因此,数据分析的结果往往要通过图表来传达。信息...

    钱塘数据
  • think-cell chart系列16——树状分布图

    今天跟大家分享think-cell chart系列的第16篇——树状分布图。 大家不要困惑于该图表的名称——树状分布图,其实它用的技巧非常简单(就是基本图表的组...

    数据小磨坊

扫码关注云+社区

领取腾讯云代金券