分享

【收藏】制作折线图,收藏这一篇就足够了!

 springtime12 2017-05-10

本文来自:璞石PPT(pushippt),授权发布。



折线图,你一定不陌生,在我们小学时就学过这个图表,工作后也经常会用到。即便如此,还是有很多人用错了,搞不清楚折线图到底该如何用


-理论篇-




简单说,折线图表示的是数据的变化趋势,重点是“趋势”二字,这就需要以时间为维度。


我们先看一下这三个图,同样的一组数据,我们可以用这三种图表表现出来。


哪种表现形式更好呢?


其实是没有答案的,因为我们不知道他们表现的是什么信息,也不知道是什么数据类型。


我要说的是:我们要根据数据类型以及要表现的信息来确定图表类型。


下面我就通过信息数据两个点来说说怎么选择图表类型。



上面是我总结的他们三者之间的区别与联系。


首先看表现的信息:


柱状图展示的是数值对比关系,可以通过柱状的长度表现哪些类别高,哪些类别低;


折线图表示的是数值趋势,是趋势变化,甚至可以忽略具体数值,通过这显得方向了解趋势,上升还是下降,平稳还是抖动,坡峰还是谷底等等;


面积图与折线图很相似,但他通过面积大小来表示总值趋势,也就是这个数值是可以根据时间的推进累加的,能够直观看出总值的变化过程。


明白了这些,你大致可以区分它们在表示含义上的不同了。


然后我们看数据类型:


这就是这个表中下面三行的内容。


柱状图比较适合较小的数据集,如果这个数据量特别大,你可以想象一下需要画多少柱状,显然这是不现实的,而折线图就不同了,折线是一条线,一条线中可以包含无数个点,也就是说折线图可以承载无数个数据,构成一条很长的时间线,面积图也是一样。


再看横坐标轴标尺,柱状图的横坐标可以是一些种类,比如省份名称,部门名称,产品名称,也可以是时间,某年某月,这个是比较灵活的,但是,这些一定是数的过来的东西,但是折线图就不同了,折线图的横坐标只能是时间,时间维度可以形成趋势,如果折线图的横坐标变成了各个省份名称,那么他们的顺序是不确定的,形成的折线也就没有趋势可言了,面积图同理。


再看纵坐标标尺,所谓的线性的,就是我们最常见的,12345、24678这类按相同间隔排列的数据,对数是按指数形式排列的数据,百分比是部分占整理比例数据,柱状图可以有这三种类型的数据,折线图几乎没有用对数刻度线的,因为很容易对数据的趋势产生错误的判断,而面积图又不会表示百分比的数据,因为百分比数据随时间累积无意义。


通过这三种图表的对比,你是不是明白折线图与其他两种图表的关系与区别了?


最后我再强调一下折线图的特点:



数据量可以比较大,一定是与时间相关的数据,而且用来强调趋势。


-案例篇-


案例一:



且不说这个图表的美观程度,只需看横坐标的类别名称,我们就可以知道用错了图表,应该用柱状图或者条形图。


用我们的方法来检验一下:



首先看他要先表现的信息,应该是各个类别数值大小的对比,不是趋势,也不可能是趋势;

然后再看它的其他方面,数据集不大,横坐标是分类标尺,纵坐标是百分比

所以在这里用柱状图较为合适。


下面是我修改后的图表,因为原图中有几个数据是负值,让整个图表美观不起来呀~通过这点我们知道,网上那些非常漂亮的数据图表,他们的数据本身就具备漂亮的条件!



这样,高低大小对比要直观的多。



案例二:



这个例子中图表的类型没有太大问题,主要问题在图表设计及信息传达上,比如横坐标斜向标签,给人感觉很乱,仔细观察我们发现,横坐标标签可以简化,另外折线不够突出,背景需要弱化,折线需要加粗,修改之后是这样的。



在我修改的这个图表中,背景颜色比较深,把折线颜色换成比较醒目的黄色,我还给折线加了一个淡淡的阴影,更能突出这个折线。背景弱化,网格线弱化,横坐标简化,标题也更加醒目


分清哪些是图表的重要元素,然后强化它,其他弱化处理,让图表更简约。



案例三:




我们再看,这个图表是比较典型的折线图与柱状图组合图表,存在的问题不大,就是缺少设计,平淡一般,基本上是默认的配色和默认的字体。




我们再看这个,和上一张图有了鲜明对比,上一张是没有设计,这个是设计过度,所有的东西应用了特效!整个图表看上去有一种压抑的感觉。


真正好的设计,应该是这样的,有设计感但不会亮瞎眼,依旧朴素简洁。



-实操篇-


图表配色用巧力


看到一个图表,你最先感知到的是它的颜色,所以颜色决定着图表给人的感觉,那么颜色该怎么配呢?


市面上有很多关于配色的书,大致思路是先介绍光,比如可见光、波长、色调、强度,再说人眼的生理结构,比如瞳孔、虹膜、晶状体、视网膜,人眼怎么感知光线,什么三原色,杨—赫尔姆霍茨三色理论balabala。或者直接进入配色主题,介绍一些HSB、RGB、色域、色轮、色环、分裂色、对比色、互补色、邻近色balabala。

这些概念搞得人头都大了。

我不是说这些没用,它们很有用,它们是视觉工作者必须要掌握的东西,但它们不适合大多数的职场工作者,我们不需要了解这么深,我们的目的很简单,做一个配色合格的图表



简不简单?


工具地址

http:///hcl-picker/


如果你还觉得不够,我总结的各大期刊采用的图表配色

用office2013或2016版本有吸管工具可以吸取颜色,这个很实用,平时我们看到什么漂亮的图表都可以保存下来,然后学习他们的配色。



关于图表的配色我们先讲到这里,后面我们会专门找一周来谈谈PPT的配色。


图表结构循规则


一个合格的图表应该包含什么内容,这些内容又如何排布?

我们通过一些商务图表来找到答案,因为商务图表比较严谨!



他们都很相似,已经形成规则,我们做图表也只需遵循规则即可





图表细节要到位

当配色和结构都设定好了,接下来就要看一些细节的设置了,俗话说:细节决定成败,细节呈现的是图表制作者的态度问题或者专业程度。


(1)标题细节优化



(2)折线细节优化



(3)纵坐标优化细节



(4)横坐标轴优化细节



这里细节举例不一而足,在制作图表时要想一想,是不是有些地方可以做得更好,是的,好和更好是两码事,更好没有极限


最后,我们回顾下我们讲的这三点:

图表配色用巧力

图表结构循规则

图表细节要到位


这周我们讨论折线图的相关内容,希望能够对你有所帮助。


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多