善用XY散点误差线[反客为主]

图表的各类寄生元素不仅仅只是用来进行辅助说明,将图表系列搁置在一旁,充分利用图表的这些寄生元素来表达图表的诉求,其实是解决问题的有效途径之一。图10.6-1图表的实现即是一个这样的案例。

图10.6-1善用XY散点误差线

案例介绍

图10.6-1的案例是某公司监控产品在不同时间点其位置参数随时间变化的步进图。

该类图表最大的特点是,表达数据诉求的线形图形对象在视觉中呈阶梯状振荡变化。案例图表中,数据的波动变化受取样时间点影响,由于取样时间间隔不等,导致图形台阶宽度并不相同。

案例分析

图10.6-1的案例图表,挑战首先来自阶梯状的线形图形对象,因为Excel图表中并没有这样的图表元素;若借助本书图9.6-1案例的实现方法,来实现视觉中的阶梯状线形效果,会非常复杂,因为取样时间间隔并不等。

在Excel图表中,折线图支持使用日期刻度来作图,但该案例中的图表使用时间刻度。当然可以使用等比例放大时间刻度为日期刻度,并使用XY散点来模拟坐标的方法实现,但这样的方法和使用柱形图来实现没有太多的区别,因为这个方法需要一个时间点两个数据值。

案例实现

根据10.6.2节的分析,图10.6-1案例采用XY散点图的误差线来实现。由于要产生阶梯状视觉效果,故需借用XY散点图的误差线X和误差线Y,该特征也仅有XY散点图具备;同时由于时间间隔和数值结果不一致,误差线的长度不定,需进行必要的数值变换。以下是案例实现的具体步骤:

1.同时选中“时间”和“位置”所在数据列,制作XY散点图;并使用函数公式获得最后时间的Excel时间序列数值,公式见图10.6-2顶部所示,并根据该值,选中图表横轴,设定坐标轴最小值为0,最大值为0.0102546,主要刻度单位为0.005。具体效果如图10.6-2所示。

图10.6-2 图10.6-1案例实现第1步

2.添加“时间调整X”、“位置调整Y”两列辅助数据列,“时间调整X”和“位置调整Y”的具体函数公式参见图10.6-3红色箭头所指,请注意单元格的行数布局;然后选中图表“位置调整Y”系列,设置误差线X的误差量“自定义+”的引用区域为“时间调整X”所在数据列。具体效果如图10.6-3所示。

图10.6-3 图10.6-1案例实现第2步

3.选中图表“位置调整Y”系列,设置误差线Y的误差量“自定义-”的引用区域为“位置调整Y”所在数据列,具体效果如图10.6-4所示。

图10.6-4 图10.6-1案例实现第3步

4.最终整理修饰润色后的效果如图10.6-5所示。

图10.6-5 图10.5-1案例最终实现

其他

当然,条条大路通罗马,图表的制作过程并非只有一种方法。本书图9.6-1和图9.6-7的案例也完全可以使用这个方法来实现,但相对制作的成本而言,使用该方法要稍显复杂。

环形图巧扮绿叶[树上开花]

有时,为了制作一个满意的Excel图表,往往需要使用大量图表系列,而起关键作用的仅仅是其中之一,其他系列在表达图表诉求中则往往只起辅助作用。比如图10.5-1案例,就是一个具有典型代表的图表。

环形图巧扮绿叶

图10.5-1 环形图巧扮绿叶

案例介绍

图10.5-1的案例是一个仪表盘,该图的名称形象说明了这类图表的视觉特征。此类图一般被使用在商业智能(BI)中,主要针对单一关键业绩指标KPI进行实时监控。

案例图表中,表盘指针所指位置的刻度值即为当前指标分值。图表在视觉表达上并不复杂,采用的是简单直观的图解方式,比较形象生动。

提示


关于仪表盘:

1)该类图表大量借用了现实生活、工作环境中常见的刻度类工具的可视化手法,比如指针式钟表、温度计、压力表等的表现形式。

2)此类图表并不适合表达大信息量,只适合单个实时数据的表达,适用于以定性为主的环境。

3)表现形式属典型图解特征,该图视觉中又呈分割布局。


案例分析

图10.5-1案例图表的主要挑战来自于数据只有一个,有些情况下会有“警戒”、“满意”、“优秀”之类的分值区间,这就需要模拟大量的数据来实现图表中的其他系列。

对图表进一步的分析,表盘刻度部分的颜色背景处理使用环形图来表达是一个不错的选择,刻度便签使用环形图来处理也相对简单。其次,要实现表盘的刻度线以及指针部分,在Excel图表中可被选择的类型只有雷达图了,饼图无法实现这样的效果。以圆形360°来看,该图在实现中对角度的处理也是一个挑战,圆环的角度可调,但雷达图的角度不可调。

案例实现

根据10.5.2节的分析,图10.5-1案例采用环形图和雷达图组合来实现。环形图采用3个系列,分别处理刻度标签、刻度背景颜色、外形占位;雷达图采用5个系列,分别处理仪表盘外边框、刻度线、刻度线遮蔽、指针、表盘圆心。以下是案例实现的具体步骤:

1.添加“标签”、“刻度值”两列22行辅助数据列,“标签”的数值和“刻度值”的具体函数公式参见图10.5-2左侧所示,注意“标签”最后单元格为60;然后选中“标签”所在数据列,制作环形图,再依次加入“刻度环”和“环形外圈”两个系列,这两个系列的SERIES公式如图10.5-2右侧所示;最后选中图表“刻度环”系列,设置图案填充效果,并设置第一扇区起始角度为210°,圆形图内径为60%。

图10.5-1案例实现第1步

图10.5-2 图10.5-1案例实现第1步

:该案例中“刻度环”系列只有两个数据点,如果要添加“警戒”、“满意”、“优秀”之类的分值区间,请将300再进行相应的等分即可。

2.选中图表“标签”系列,设置数据标志为值,然后使用“=”号将标签和“刻度值”数据列单元格一个个进行关联;分别将图表“标签”和“刻度环”系列设置为无边框,无填充,如图10.5-3所示。

图10.5-3 图10.5-1案例实现第2步

3.添加“№”、“外圆”、“刻度线”3列120行辅助数据列,“№”使用拽曳方式获得0~119的数值,“外圆”数值为100,“刻度线”使用的函数公式见图10.5-4下方;然后选中“外圆”所在数据列,复制并选择性粘贴到图表中,修改该系列图表类型为填充雷达图,并设置边框颜色,无填充;最后选中“刻度线”所在数据列,复制并选择性粘贴到图表中,设置边框颜色和填充颜色为灰色,如图10.5-4所示。

图10.5-4 图10.5-1案例实现第3步

4.添加“遮蔽”120行辅助数据列,使用函数公式见图10.5-5箭头所示;然后选中“遮蔽”所在数据列,复制并选择性粘贴到图表中,设置系列无边框,填充色为白色,如图10.5-5所示。

图10.5-5 图10.5-1案例实现第3步

5.添加3个单独的函数公式计算单元格,具体使用函数公式见图10.5-6“指针辅助”右侧所示的3个公式;添加“指针”和“圆心”两列120行辅助数据列,“指针”使用函数公式见图10.5-6底部红色箭头所示,“圆心”数值为10;然后选中“指针”和“圆心”所在数据列,复制并选择性粘贴到图表中,如图10.5-6所示。

图10.5-1案例实现第5步

图10.5-6 图10.5-1案例实现第5步

6.修改图表“指针”和“圆心”系列的填充颜色,并将图表标题和标题单元格建立联系;最终整理修饰润色后的效果如图10.5-7所示。

图10.5-1案例最终实现

图10.5-7 图10.5-1案例最终实现

垫脚的堆积图表系列[上屋抽梯]

在进行Excel图表的制作时,往往需要引入辅助作图系列,有时这些系列往往起到“垫脚石”的作用,在图表大功告成之时,也是这些系列在图表中功成身退的那一刻。

垫脚的堆积图表系列

图10.4-1 垫脚的堆积图表系列

案例介绍

图10.4-1的案例是一个计划实施的状态图,此类图一般被称为“甘特图”,主要使用在项目进度规划和监控中。

案例图表中,自左向右悬浮状的条形分别代表了计划时长、已用时间、超计划时间、节约时间。

提示


关于甘特图:

1.使用Excel制作的甘特图,仅是一个简单示意而已,并不适宜使用在大型项目跟踪管理上,此类应用请借助Microsoft Project。

2.该图表表现形式属典型秩序特征,该图视觉中呈分割布局。


案例分析

图10.4-1案例图表中使人感觉困难的首先是来自案例的原始数据,表10.4-2中的数据完全是日期类数据,且缺乏必要的其他作图数据,使用这样的数据根本无法完成图表,首要的课题是进行数据的处理。

表10.4-2图10.4-1案例原始数据

该案例视觉的直观判断采用堆积条形图即可实现,问题的焦点在于如何产生悬浮状效果。Excel图表的元素均可实现无线形、无边框、无填充设置,这样系列在视觉中就被完全透明化了,利用该属性,配合辅助系列即可解决悬浮问题。

实现该图的另一个难点在于如何使“计划时长”与“已用时间”、“超计划时间”、“节约时间”产生层叠效果。通过将系列设置在不同坐标系,然后调整系列重叠比例和分类间距即可。

案例实现

根据10.4.2节的分析,图10.4-1案例完全借助堆积条形图来实现,该图制作过程的关键在于引入两个辅助系列,该辅助系列的作用仅仅是充当“垫脚石”。以下是案例实现的具体步骤:

1.根据原始数据区,添加“计划时长”、“已用时间”、“超计划时间”、“节约时间”4个辅助数据列。具体函数公式如图10.4-3所示。

图10.4-3 图10.4-1案例实现第1步

2.选中“项目名称”、“预计开始时间”、“实际开始时间”、“计划时长”、“已用时间”、“超计划时间”、“节约时间”所在数据列,以数据产生在列,制作堆积条形图;然后选中图表“预计开始时间”系列,将分类引用区域加入“№”、“阶段”所在数据列的引用,如图10.4-4所示。

图10.4-4 图10.4-1案例实现第2步

3.选中图表的“实际开始时间”系列,将其置于次坐标系中;然后修改该系列的图表类型为堆积条形图;最后删除次数值横轴显示,如图10.4-5所示。

图10.4-5 图10.4-1案例实现第3步

4.依次选中图表“已用时间”、“超计划时间”、“节约时间”3个系列,将其置于次坐标系,如图10.4-6所示。

图10.4-6 图10.4-1案例实现第4步

5.依次选中图表“预计开始时间”、“实际开始时间”这两个系列,将其设为无边框,无填充;然后选择纵轴坐标,设置分类次序反转,如图10.4-7所示。

图10.4-7 图10.4-1案例实现第5步

6.选中图表“计划时长”系列,设置重叠比例为0,分类间距40;然后选中图表“已用时间”系列,设置重叠比例为100,分类间距200;最后选中横轴坐标,设置最小刻度为39355,最大刻度为39376,主要刻度单位为7,如图10.4-8所示。

图10.4-8 图10.4-1案例实现第6步

7.最终整理修饰润色后的效果如图10.4-9所示。

图10.4-1案例最终实现

图10.4-9 图10.4-1案例最终实现

其他

图10.4-10是个横式箱线图案例,基于纵向垂直比较。由于箱体部分为横式,故使用Excel来制作时,无法直接借用本书10.1节使用的折线涨跌柱来制作,该案例借助本章内容利用条形图,配合误差线来实现。图10.4-11是一个多次利用辅助系列,通过无边框、无填充实现的三图合一效果案例,每个分割小图又是堆积类型图表。这类图表最大的特点是既可横向比较,又可纵向比较。如果仅是3个简单柱形图,在Excel 2007和2010中建议直接使用条件格式的数据条会更加简单和直观,Excel 2010还可使用迷你图。图10.4-12是一个相对复杂的甘特图,实现方法和本节所述相同,实现关键在作图数据布局。

横式箱线图

图10.4-10 横式箱线图

多图合一对比

图10.4-11 多图合一对比

包含当前实际状态的甘特图

图10.4-12 包含当前实际状态的甘特图

重叠比例的妙用[假痴不颠]

Excel图表的制作,往往不能仅关注图表本身,更多的状况下需要我们关注作图数据的构成。如果忽略了这一点,作图的过程将会变得复杂且僵化。图10.3-1的案例即是如此。

重叠比例的妙用

图10.3-1 重叠比例的妙用

案例介绍

图10.3-1的案例是某公司营业部2010年度销售指标KPI达成情况。该类图一般被称为“子弹图”,主要使用在衡量关键业绩指标KPI的环境。

案例图表中,当前实际值用颜色最深的柱形来表达;预期目标使用短线;通过三个由深到浅的渐变灰度,来表达警戒、满意、优秀分值区间。

提示


关于子弹图(Bullet Chart):

子弹图(Bullet Graph/Chart)是由斯蒂芬(Stephen Few)从条形图演化而来。其具有面积占比小、表达数据信息丰富的特点,适合表达大信息量,故最初的目的是为了取代商业智能(BI)中的仪表盘。

1)该图表虽是柱形,但表现形式重点在图解特征,兼具秩序特征。

2)该图视觉中强调分割布局。


案例分析

受视觉影响,直观的第一印象是:图10.3-1的案例图表的基础图表类型是堆积柱形图。但当我们审视表10.3-2的作图数据时会发现:警戒、满意、优秀分值区间值和堆积柱形图要求的数据完全是两个概念。如果使用堆积柱形图,当前的数据需要进行再次计算,这需要使用辅助数据列才可完成。换个思维:其实直接使用簇状柱形图,借助重叠比例的调整,这个问题相应就会变得简单许多。

图10.3-1案例图表中使人感觉困难的是对目标值的处理,因为在Excel图表类型中,要轻松实现这个小横线有一定难度。大部分读者可能倾向于使用XY散点的误差线来实现,这个部分如果采用和图9.6-1案例实现的相同方法,也可在使用柱形图的前提下实现。

图10.3-1案例原始数据

表10.3-2 图10.3-1案例原始数据

案例实现

根据10.3.2节的分析,图10.3-1案例完全使用簇状柱形图来实现,需要说明的是该方法实现过程必须要注意系列的次序,“警戒”、“满意”、“优秀”这三个系列,数值最大的系列次序要置于优先次序,反之亦然。以下是案例实现的具体步骤:

1.选中作图数据区,以数据产生在列,制作簇状柱形图,如图10.3-3所示。

图10.3-1案例实现第1步

图10.3-3 图10.3-1案例实现第1步

2.除“目标值”系列外,依次选中图表系列,设定相应的填充色,无边框;然后选中“实际值”系列,将其置于次坐标系,如图10.3-4所示。

图10.3-1案例实现第2步

图10.3-4 图10.3-1案例实现第2步

3.使用自选图形的线形和矩形,组合一个新的自选图形,如图10.3-5左侧所示;复制该自选图形,粘贴进“目标值”系列;同时设置柱形重叠比例100,分类间距60,如图10.3-5右侧所示。

图10.3-1案例实现第3步

图10.3-5 图10.3-1案例实现第3步

:如果不愿意使用次坐标系,可参考该步骤方法,使用自选图形填充“实际值”系列来实现。

4.最终整理修饰润色后的效果如图10.3-6所示。

图10.3-1案例最终实现

图10.3-6 图10.3-1案例最终实现

其他

图10.3-7是一个用于纵向比较的横式子弹图,该图的实现过程和图10.3-1基本相同。该图如果不借助任何自选图形,使用其他方法来实现,会相对复杂,因为条形图独占一个坐标系,无法和其他图表类型共处同一坐标系。有兴趣的读者,请自行使用其他方法去尝试实现。

横式子弹图

图10.3-7 横式子弹图

假借色彩和标签[指桑骂槐]

正常状态下,图表表达的诉求内容需要控制在两个以内,但有时则需要将诉求内容扩充至3个。如何合理规划这些诉求的表达层次就变得至关重要,图10.2-1即是一个这样的案例。

图10.2-1 假借色彩和标签

案例介绍

图10.2-1的案例是某公司速食食品4种不同配方方案成本、核心配料占比、脂肪含量比较图。该类图一般被称为“滑珠图”,这个名称形象地说明了这种图表的表达方式。

案例图表中的“滑珠”使用了三种不同的颜色,分别代表三种不同成份:A、B、C,用来表达百分比占比和方案成本间的关系,“滑竿”则通过将不同的成分进行归类,来表达不同方案;每种方案对应一个相应的成本。

提示


关于滑珠图:

1)该图表的使用场合具有较大限制,既不适合用来表达大信息量数据,也不适合套用到所有表达3个诉求信息的图表中。

2)该类图表现形式具有编组特征,在视觉上呈现密集布局。


案例分析

如果没有图10.2-1案例的图表,仅使用表10.2-2的数据表来制作图表,将数据表内容全部反映到图表,这将是一个很纠结的问题。

表10.2-2 图10.2-1案例原始数据

要表达3种成分(A、B、C)的百分比占比和方案成本关系,使用XY散点是一个不错的选择;如何表达不同方案的成分构成?好在同一方案的成本相同,这样就可以使用直线将同一方案成分连接;脂肪含量作为第3个诉求表达信息,如果直接使用额外的图形对象来表达,则会使图表变得复杂。直接借用同一方案成分连接线的不同色彩设置进行表达就成了一个不错的选择。而这些所有的构思都可使用XY散点图来实现,这也为图表实现过程减少了不必要的麻烦。

案例实现

根据10.2.2节的分析,图10.2-1案例实现过程完全使用XY散点图来实现,“滑竿”部分则主要借助XY散点的误差线来实现,诉求信息表达过程则主要借用数据标签和不同色彩设置来进行不同信息的编组区隔。以下是案例实现的具体步骤:

1.选中“成本”、“A”、“B”、“C”所在数据列,以数据产生在列,制作XY散点图;然后依次交换SERIES公式中X值和Y值的数据区域。生成效果如图10.2-3所示。

图10.2-3 图10.2-1案例实现第1步

2.增加“辅助列”,数值均为0.6;然后选中数值纵轴,勾选数值(X)轴交叉与数值最大值;最后依次以“脂肪含量”来分组,向图表添加两个图表系列,注意这两个图表系列的数据引用,如图10.2-4所示。

图10.2-4 图10.2-1案例实现第2步

3.修改数值横轴最大值为0.6;然后依次选中图表“40%”和“50%”这两个系列,设置误差线X为负偏差,数值为0.6,如图10.2-5所示。

图10.2-5 图10.2-1案例实现第3步

4.依次选中图表“40%”和“50%”这两个系列的误差线,分别设置宽度和不同色彩;然后使用圆形自选图形。设置不同渲染效果,并依次粘贴到图表的“A”、“B”、“C”3个系列中;最后设置“40%”和“50%”两个系列的数据标志,并使用“=”一个个将其和数据区“序列”所在数据列单元格建立关联,如图10.2-6所示。

图10.2-6 图10.2-1案例实现第4步

5.最终整理修饰润色后的效果如图10.2-7所示。

图10.2-7 图10.2-1案例最终实现

其他

图10.2-8是图10.2-1案例图表的视觉简化版本,“滑竿”部分利用条形图来实现,但相较图10.2-1案例实现而言,制作过程并不简单。该图的好处是可以使用在多个数据比较,但表达信息并不直观。

图10.2-8 简化滑珠图

变换线形为面积[偷梁换柱]

在Excel图表中,有些图表元素虽然在视觉中不可见,但却是以视觉可见元素的宿主存在,或者是辅助其他图表元素进行数据表达的关键;有些图表元素则通过本身视觉特征来表达数据;还有一些图表元素则通过将自身转换为容器来表达数据。充分借用不同图表元素特点,是提升Excel图表制作水平的核心内容之一。

  1. 在有些特殊的应用环境中,巧借折线图的涨跌柱线,使图表在实现上将更具灵活度;
  2. 除形状以外,恰到好处地借助色彩和数据标签来呈现数据其实更加直观和简洁。
  3. 在图表中借助简单的设置技巧,获得的效果往往比使用复杂方法更加简单高效。
  4. 通过借助视觉中不可见的辅助系列,可以将看似Excel不可能实现的图表变为现实。
  5. 通过使用大量的辅助图表系列,进行借局布势,关键诉求的表达将更加清晰和直观。
  6. 借助Excel图表系列的寄生类元素,忽略宿主元素的存在,是Excel图表实现的一个关键内容。

变换线形为面积[偷梁换柱]有时我们面对一个图表时,往往会被自己的视觉所引导,形成惯性思维。其实在Excel图表的制作中,往往需要无视所见,这样才不会被固有逻辑思维束缚。图10.1-1图表的实现即是一个这样的案例。

图10.1-1 变换线形为面积

案例介绍

图10.1-1的案例是某公司不同岗位的薪资分布图,该图和箱线图(Box Plots)外形非常相似,其上边沿表示数据的最大值,下边沿则表示最小值,中间线为平均值。

该类图表最大的特点是,表达数据诉求的图形对象在视觉中呈“悬浮”状。

提示


关于箱线图(Box Plot)

由美国著名统计学家约翰·图克(John Tukey)于1977年首先提出,并发表在《Understanding Robust and Exploratory Data Analysis》一书中。

该图主要显示一组数据的最大值、最小值、中位数、下四分位数及上四分位数,详见下图。

1)该图视具体使用环境,表现形式具有秩序和对照/编组特征。

2)该图视觉中具有密集与离散布局,同时又具有自中心向两侧发射布局。


案例分析

视觉会告诉我们:图10.1-1的案例是个面积类系列构成的图表。在Excel图表中,和这个案例比较契合的图表类型是柱形图,它们都是面积类的图表。这个案例当然可以使用堆积柱形图来实现,除此之外其实还有比较简单的方法——使用折线图来实现。

在Excel的股票图中的“开盘-盘高-盘低-收盘”图即是箱线图的一个特例,其中折线图的涨/跌柱线被用来实现“开盘-收盘”,折线图的高低点连线被用来实现“盘高-盘低”。了解了此点,即可使用该图表类型来完成简单的箱线图制作。

案例实现

根据10.1.3节的分析,图10.1-1案例通过折线图的涨跌柱线来实现“悬浮”柱形,XY散点误差线来实现平均值表达。以下是案例实现的具体步骤:

1.选中数据区域,直接制作折线图,如图10.1-2所示。

图10.1-2 图10.1-1案例实现第1步

2.选中图表“薪资区间中值”系列,变更图表类型为XY散点图,如图10.1-3所示。

图10.1-3 图10.1-1案例实现第2步

3.选中图表“薪资最高值”系列,在系列选项中勾选“涨/跌柱线”;然后将所有折线系列设为无线形,无数据标记,如图10.1-4所示。

图10.1-1案例实现第3步

图10.1-4 图10.1-1案例实现第3步

4.选中图表“薪资区间中值”系列,设置其误差线X为正负偏差,数值为0.48,如图10.1-5所示。

图10.1-5 图10.1-1案例实现第4步

:为了美观,请设置误差线格式中“刻度线样式”为非默认格式。

5.设置系列的数据标志,整理修饰润色后的最终效果如图10.1-6所示。

图10.1-1案例最终实现

图10.1-6 图10.1-1案例最终实现

其他

图10.1-7和图10.1-8图表也是采用图10.1-1实现的方式来完成的案例,均借助了折线图的涨/跌柱线。且在这两个案例中,由于涨柱线和跌柱线可以被分别设置不同颜色,故该方法可以更加便捷和直观地表达增长态势。

推移瀑布图案例

图10.1-7 推移瀑布图案例

另类步进图案例

图10.1-8 另类步进图案例

如图10.1-9所示是另一类表达构成关系的瀑布图图表,也可借助图7.2-1案例[参见7.2节]的实现方法来完成。

构成瀑布图案例

图10.1-9 构成瀑布图案例

若使用股票图中的“开盘-盘高-盘低-收盘”图来制作箱线图,则必须确保系列的排序符合既定要求。在图表表达盘高-盘低“箱须”的实现上,也可以使用折线图的误差线Y来实现,因为误差线可以引用单元格区域,这样的实现方法相比默认图表,制作起来相对直观,更适合使用在相对复杂的组合图表中。图10.1-10的实现即是一个典型实例。

箱线图案例

图10.1-10 箱线图案例