美文网首页
方块图反映具有包含关系的比较

方块图反映具有包含关系的比较

作者: 刘万祥ExcelPro | 来源:发表于2017-03-17 09:31 被阅读0次

类似下图的方块比较图,也是经常有人问到如何做。

同样,这也是属于具有信息图风格的图表,其更多目的可能在于用新意吸引眼球,日常工作中并不实用。比如,两个面积分别为1和2的正方形,你很难看出是2倍关系,所以我一般都回答不建议使用这样的图表。

不过,这次问的人解释说,因为领导要求做的图能反映出“包含”关系,觉得这个嵌套的正方形形式还比较合适。咦,有点道理啊,大正方形包含小正方形,有那个意思。本帖介绍这个图的做法。

作图思路

可以使用日期刻度的面积图来绘制正方形,日期刻度的轴标签控制面积图垂直起来。图中有3种颜色的正方形,需要3个序列,这3个序列需要共用一个日期刻度x轴,所以构造x轴标签时要考虑包含到3个序列的所有数据点。

数据准备

本例的难点主要在于作图数据的理解和组织,以及如何用1个公式方便地拉出作图数据。

(点击看大图)

首先,因为是面积代表指标大小,所以先把指标开平方,必要的话再放大10倍或者100倍,因为日期刻度只支持到整数位,转换为G~I列的数据,后续以此作为正方形的边长来组织数据。

看截图中左下角的示意图,每个分类的3个正方形可以用10个顶点来绘制,这些顶点的x值,就是我们要构造的日期刻度轴标签。

为了方便思考和简化写公式,我准备了K、L列的辅助id,即5组*10行的编号,下面要据此在M列拉出1列数据作为x轴标签,包含所有序列、所有正方形的所有顶点的x取值。

M8的公式写法,是关键技巧,大家可以对照下面的示意图来理解我的做法:

M8: =CHOOSE(L8,

1 OFFSET($M$7,(K8-1)*10,0)+block_gap,

2 M7,

3 M7,

4 M7,

5 OFFSET($M$7,(K8-1)*10,0)+block_gap+INDEX($I$7:$I$11,K8),

6 M7,

7 OFFSET($M$7,(K8-1)*10,0)+block_gap+INDEX($H$7:$H$11,K8),

8 M7,

9 OFFSET($M$7,(K8-1)*10,0)+block_gap+INDEX($G$7:$G$11,K8),

10 M7)

根据L列的值来填充M列的公式,如果是1为每组正方形的起点,如果是5、7、9,则分别是三个正方形右上角顶点的x值,如果是=M7的就是直接引用上一单元格的x值。其中block_gap是我设置的一个可调参数,方便控制每组正方形之间的留空,取值=MAX(G7:I11)/5。

各正方形的顶点的y取值则很简单,也是对照上面的示意图来理解:

指标1:N8:=CHOOSE($L8,0,0,0,INDEX(G$7:G$11,$K8),N7,N7:N7,N7,N7,N7,0)

指标2:O8:=CHOOSE($L8,0,0,INDEX(H$7:H$11,$K8),O7,O7:O7,O7,O7,0,0,0)

指标3:P8:=CHOOSE($L8,0,INDEX(I$7:I$11,$K8),P7,P7:P7,P7,0,0,,0,0)

以上公式拉到底,则主要作图数据就准备好了。这是本例的难度,需要仔细琢磨。有高手可能会写出其他的公式,都可以的,以上是我脑力有限、简化理解的情况下捣腾的公式。

作图步骤

1、以M~P列的框内数据做面积图,得到3组梯形的图表。

2、设置x轴为日期刻度,梯形垂直起来,这就是日期刻度的作用。接下来就是添加辅助数据显示标签了。

3、图表里添加1个空序列,改为散点图,指定数据源为B15:C19处的x、y值;添加数据标签,指定为D15:D19,显示分类名称。B15:C19是提前准备的5组正方形底边中心位置的x、y值,请参考源文件。以上描述较为粗略,不过参加过课程的学员应该很容易理解。

4、同上,继续添加一个散点图,指定数据源为G15:H31处的x、y值,数据标签显示I15:I31的指标值。G15:H31是提前准备的用来显示指标值的位置,也就是 正方形左上角顶点的x、y值。

5、调整图表宽度到各组图形为正方形,可以绘制一个正方形来对照,其他格式化至完成图表如下。

如果按前面的例图,正方形是右下角对齐的,那么数据准备上有所不同,可能要略为复杂一些。完成的图表如下图。

知识点

本例主要难点在构图思路,运用到的知识点和技巧有:

构图思路,对日期刻度的理解

数据组织,辅助id方便思考和简化公式

函数运用,choose,offset,index,sumproduct。也可以用其他函数,以上是我做这个范例时想到用到的

组合图表,面积图+散点图

标签工具,指定,move

运用场景

本图可以在信息图中反映具有包含关系指标的比较,比如多个公司的销售收入、EBIT、净利润3个指标的比较,日常工作中则需要谨慎使用,提前确认安全性。

范例下载

实用指数:★★

难度指数:★★★★

范例源文件可在图表学员QQ群的 博文范例 目录免费下载,另应读者提议:非学员但赞赏了10元以上的也会收到范例,仅限发帖当日。

如何加入学员QQ群?点击【http://study.163.com/u/ExcelPro】,参加任一图表课程即可加入QQ学习社群,和大家一起交流学习,通过 所属组合 参加课程还有组合优惠。

PS:本周点过去有惊喜!http://study.163.com/u/ExcelPro

相关文章

  • 方块图反映具有包含关系的比较

    类似下图的方块比较图,也是经常有人问到如何做。 同样,这也是属于具有信息图风格的图表,其更多目的可能在于用新意吸引...

  • 面向对象ooNote

    首先考虑 对于这些问题 包含哪些类那些对象应该具有哪些属性和方法类和类之间具有哪种关系 关联 继承 聚集...

  • 加餐:吃的隐喻

    当下的关系模式,反映着内在的关系模式,反映着童年的关系模式。 怎么吃饭这件事,反映了你怎么吃奶,反映了你和妈妈的关...

  • Snake5,操作div方块图形自动下落,若碰到容器底部则方块图

    操作div方块图形自动下落,若碰到容器底部则方块图形变成灰色。 实现思路 初始位置x修改为3,这样从屏幕中间下落 ...

  • 分享阅读《汉字的故事》

    简介: 世界上只有汉字具有表音表意、象形等特征,其自身的结构就包含着丰富而深刻的文化元素,反映了汉民族的文化特质。...

  • JAVA的包含关系

  • 家的定义,应该是包含一些和你有着血缘关系最亲近的人或者和你具有法律关系上亲密接触的人。两者皆有或者至少具有其中一项...

  • 张立新 || 研修第六课:亲子关系问题

    2018-12-11 咨询中,关于亲子关系的问题比较常见。 “亲子关系”中包含孩子、爸爸、妈妈和关系,那么咨询中处...

  • NSPredicate谓词的使用

    两个数组获取交集 基本语法:比较运算符 > < = != 包含关系 通配符 拼音匹配

  • 绘本365之053:《这片草地真美丽》

    2019.2.19 以前在读的时候就觉得特别有魅力,应该是反映了美国在现代城市化进程过程当中人与自然的关系,也包含...

网友评论

      本文标题:方块图反映具有包含关系的比较

      本文链接:https://www.haomeiwen.com/subject/qtzsnttx.html