背景
数据
Party | Against | For | Start | Aux1 |
---|---|---|---|---|
Conservative |
(Government) | -120 | 195 | -500 | -380 |
| Labour | -260 | 3 | -500 | -240 | | DUP | -10 | 0 | -500 | -490 | | Other | -60 | 3 | -500 | -440 |
重组联动上方数据便于作图:
Party | Aux1 | Against | For | Start | Tag1 | Tag2 |
---|---|---|---|---|---|---|
Conservative |
(Government) | -380 | -120 | 195 | -500 | | Conservative |
| Labour | -240 | -260 | 3 | -500 | 3 Voted “For” | Labour | | DUP | -490 | -10 | 0 | -500 | | DUP | | Other | -440 | -60 | 3 | -500 | 3 Voted “For” | Other |
主标题 | Ayes right |
---|---|
副标题 | N/A |
说明 | European Union withdrawal bill, |
votes
Jan 15th 2019 |
| |
| 来源 | Source: Hansard |
| |
| 附注 | N/A |
| |
| 横轴标题 | N/A |
| |
| 纵轴标题 | N/A |
| |
The Economists January 19th 2019 - The Noes have it.pdf
效果
条形图或柱形图的横轴或者纵轴,必然会有一条轴被用作分类名称,另外一条轴上才是数据。
右图有意强调保守党的数据,表示执政党党内分歧巨大,是与正文内容匹配的。
优化清单:
纵轴标签左对齐居于侧方(对比正负值条形图动态分类标签设置没有进行躲避) |
---|
纵轴本体向上延长做分类指示 |
横轴数据位于上方,并带有填充隔断纵轴延长线 |
利用阴影重点突出执政党数据 |
少量数据特殊标注 |
重要的数据放在头部进行强调 |
制作步骤
方法一:簇状条形图
簇状条形图左右正负值有错位,将系列重叠调整为100%即可对称
参考正负值条形图动态分类标签设置
语雀内容
方法二:堆积条形图
主体
- 选中数据源,插入堆积条形图
- 切换行/列
- 交换Against系列和Aux1系列的位置:选中数据系列-图表设计-选择数据,移动位置
- 删除不需要的元素,调整图表大小
- 选中纵坐标轴,设置标签位置为“无”,线条为“实线”,宽度为1.5磅,颜色为粉红
- 设置纵坐标轴的坐标轴选项,勾选“逆序类别”
- 选中Aux系列,添加数据标签,位置为“轴内侧”
- 选中Aux系列的数据标签,在标签选项去掉勾选“值”,然后勾选“单元格中的值”,选择Tag2列为分类名称
- 设置数据标签为左对齐
- 选中Aux系列,设置为“无填充”
- 调整各元素字体、字号、数据系列的颜色
- 调整横坐标轴范围为-300到200,单位为100(手动调整确保不会自动更改)
- 调整绘图区大小
- 选中数据系列,设置间隙宽度为50%
- 选中For系列,添加数据标签,位置为“轴内侧”
- 选中For系列的数据标签,在标签选项去掉勾选“值”,然后勾选“单元格中的值”,选择Tag1列为分类名称
- 调整各元素字体、字号,移动For系列的数据标签的位置,出现一条细的连接线
- 选中横坐标轴,设置为“纯色填充”,颜色为蓝灰色
-
阴影
设置图表区为无填充
- 插入矩形,填充为蓝灰色作为背景
- 插入矩形,填充为深灰色作为阴影
- 插入粉红竖直线作为纵坐标轴的延长线
调整图形层次:最底下是背景层,顶层是绘图层,中间两层,阴影在细红线下面
完善细节
添加其他细节元素
- 加粗Conservative数据标签,再添加一个文本框输入(Government),放在Conservative下面
- 顶部坐标轴和网格线不出头:插入同底色的矩形掩盖
分析
图表类型 | 条形图(这种图既可以用簇状条形图也可以使用堆积条形图来完成) |
---|---|
适用数据 | 每类数据有正有负需要进行对比 |
突出特征 | 正负横向对比 |
拆解图表元素
之所以如此拼接,是因为单独制作阴影区域需要。
系列对比
两组系列数据对比,组成结构一致则用堆积图,两者同为正数而且强调的是差值则用杠铃图。但是对于这次的投票数据而言,除了要对比出大小差异还要清楚的知道绝对值多少,那么可以使用柱状条状图,但是柱形图分类在水平轴上,纵向对比对于高度的把握不如水平分布对宽度的把握,因此选择横向的条形图。又因为有多种分类,所以将一侧设计成负值。
第一张图为堆积条形图,第二张图为簇状条形图,第三张图为堆积条形图+散点图 > >