案例教程链接:https://www.bilibili.com/video/av77052505

背景

数据

Party Against For Start Aux1
Conservative
  1. (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
  1. (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

效果

010 非典型飓风条形图.png
条形图或柱形图的横轴或者纵轴,必然会有一条轴被用作分类名称,另外一条轴上才是数据。
右图有意强调保守党的数据,表示执政党党内分歧巨大,是与正文内容匹配的。
优化清单:

纵轴标签左对齐居于侧方(对比正负值条形图动态分类标签设置没有进行躲避)
纵轴本体向上延长做分类指示
横轴数据位于上方,并带有填充隔断纵轴延长线
利用阴影重点突出执政党数据
少量数据特殊标注
重要的数据放在头部进行强调

常规的飓风条形图,用于敏感性分析:
image.png

制作步骤

方法一:簇状条形图

簇状条形图左右正负值有错位,将系列重叠调整为100%即可对称
参考正负值条形图动态分类标签设置
语雀内容

方法二:堆积条形图

主体

  1. 选中数据源,插入堆积条形图
    image.pngimage.png
  2. 切换行/列
  3. 交换Against系列和Aux1系列的位置:选中数据系列-图表设计-选择数据,移动位置
    image.png
  4. 删除不需要的元素,调整图表大小
  5. 选中纵坐标轴,设置标签位置为“无”,线条为“实线”,宽度为1.5磅,颜色为粉红
  6. 设置纵坐标轴的坐标轴选项,勾选“逆序类别”
    image.png
  7. 选中Aux系列,添加数据标签,位置为“轴内侧”
  8. 选中Aux系列的数据标签,在标签选项去掉勾选“值”,然后勾选“单元格中的值”,选择Tag2列为分类名称
  9. 设置数据标签为左对齐
  10. 选中Aux系列,设置为“无填充”
    image.pngimage.png
  11. 调整各元素字体、字号、数据系列的颜色
  12. 调整横坐标轴范围为-300到200,单位为100(手动调整确保不会自动更改)
    image.pngimage.png
  13. 调整绘图区大小
  14. 选中数据系列,设置间隙宽度为50%
  15. 选中For系列,添加数据标签,位置为“轴内侧”
  16. 选中For系列的数据标签,在标签选项去掉勾选“值”,然后勾选“单元格中的值”,选择Tag1列为分类名称
  17. 调整各元素字体、字号,移动For系列的数据标签的位置,出现一条细的连接线
  18. 选中横坐标轴,设置为“纯色填充”,颜色为蓝灰色
    image.png
  19. 选中网格线,设置为“实线”,灰色,宽度1.5磅

    阴影

  20. 设置图表区为无填充

  21. 插入矩形,填充为蓝灰色作为背景
  22. 插入矩形,填充为深灰色作为阴影
    image.pngimage.png
  23. 插入粉红竖直线作为纵坐标轴的延长线
  24. 调整图形层次:最底下是背景层,顶层是绘图层,中间两层,阴影在细红线下面
    image.png

    完善细节

  25. 添加其他细节元素image.pngimage.png

  26. 加粗Conservative数据标签,再添加一个文本框输入(Government),放在Conservative下面
    image.pngimage.png
  27. 顶部坐标轴和网格线不出头:插入同底色的矩形掩盖
    image.png

分析

图表类型 条形图(这种图既可以用簇状条形图也可以使用堆积条形图来完成)
适用数据 每类数据有正有负需要进行对比
突出特征 正负横向对比

拆解图表元素

image.pngimage.png

之所以如此拼接,是因为单独制作阴影区域需要。

系列对比

两组系列数据对比,组成结构一致则用堆积图,两者同为正数而且强调的是差值则用杠铃图。但是对于这次的投票数据而言,除了要对比出大小差异还要清楚的知道绝对值多少,那么可以使用柱状条状图,但是柱形图分类在水平轴上,纵向对比对于高度的把握不如水平分布对宽度的把握,因此选择横向的条形图。又因为有多种分类,所以将一侧设计成负值。

第一张图为堆积条形图,第二张图为簇状条形图,第三张图为堆积条形图+散点图 image.png> image.png> image.png