【面积图】和EasyCharts一起学科学图表

浏览: 1982

面积图

单数据系列面积图

折线图有时候用面积图表示,更加美观合理。面积图是将折线图折线下方部分填充颜色而制成的图表,同时具有折线图和柱形图的优点,尤其对于少量数据系列的面积图、堆积和百分比堆积面积图,使用面积图比折线图更能反映数据信息。但是由于在绘制多个数据系列,它在特性上存在某个数据系列会遮掩其他数据系列的缺陷,所以面积图不适合3个以上数据系列的可视化。使用Excel仿制的不同效果的面积图如图4-2-1所示。面积图和折线图的绘图区网格线和背景填充颜色的方法跟柱形图一致,可以参考【簇状柱形图】。

图(a)的绘图区背景风格为R ggplot2版,面积填充颜色为R ggplot2 Set3 的红色,边框为1磅的黑色;

图(b)是Excel仿制的简洁风格的Matlab面积图,面积填充颜色为R ggplot2 Set3 的绿色(透明度为20%),边框为0.75磅的黑色;

图(c)是仿制《经济学人》风格的面积图,面积填充颜色为(4,165,220)  浅蓝色,边框为2磅的(2, 83, 110) 深蓝色,背景填充颜色为(206,219,231)  蓝色,纵坐标轴标签位置为高,该图表绘制的难点在于深蓝色粗边的实现;

图(d)是仿制《华尔街日报》风格的面积图,背景填充颜色RGB是 (236,241,248) ,面积填充颜色为(0, 173, 79)  绿色;

图(e)是仿制《商业周刊》风格的面积图,面积填充颜色为(255,135,26) 桔色,绘图区背景为白色,该图表绘制的难点在于要将网格线置于面积图的上层;


图 4-2-1 Excel仿制的不同效果的面积图

图4-2-1(c)绘制的方法如图4-2-2所示。原始数据是第A-B列,第C列为辅助数据,跟B列的数值相同,选用第A-C列数据绘制面积图或堆积面积图,如图所示;再通过更改数据系列的图表类型,将深蓝数据系列从“面积图”更改为“折线图”,结果如图所示;修改纵坐标范围,就可以实现图4-2-1(c)的绘制。

图4-2-2 《经济学人》粗边面积图的绘制方法

图4-2-1(d)的绘制使用了R语言绘图中一个重要的概念:图层。在R ggplot2绘图中,图表的元素和数据系列都是绘在不同的图层中,最后叠合所有图层实现图表的绘制。具体的方法如图4-2-3所示。原始数据是第A-B列,选用第A-B列数据绘制面积图,调整图表元素的格式,如图所示;再使用Ctrl+C实现相同图表的复制,再将面积填充设定为“无填充”,结果如图所示;选定两张图表,使用“图表工具”-“对齐”中的“水平居中”和“垂直居中”,就可以实现两种图表的完全叠合,结果如图4-2-1(e)所示。

图4-2-4 《商业周刊》面积图的绘制方法

图4-2-5是使用相同的数据绘制的不同效果的面积图(原始数据来源于网址:http://bl.ocks.org/mbostock/1256572)。具体选用哪种效果来表现数据,要视具体情况而定。

图4-2-5(a)使用Tableau10的颜色主题方案,4个数据系列共用同一个x轴,面积数据系列的“填充→透明度”为0%,图表的布局是竖向排列。

图4-2-5(b) Tableau 10的颜色主题方案,面积数据系列的“填充→透明度”为30%,边框使用1.5磅的深色,图表的布局是横向排列。


(a)

(b)

图4-2-5 相同数据不同效果的面积图

下期预告

和EasyCharts一起学【饼图】,千万不要错过哦!


推荐 1
本文由 EasyCharts 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

0 个评论

要回复文章请先登录注册