作者:小北童鞋
来源:芒种学院(ID:lazy_info)
提到数据对比,相比绝大部分小伙伴第一时间想到的不是柱状图就是折线图,做出来的图表如下所示:

其实还有另外一种展示方式,便是利用滑珠图,这篇技巧也在之前有分享过,实现的效果图如下:

但是不少小伙伴反馈,滑珠图好看是好看,但是不太能辨认出涨跌,其实只要稍微变换下思路,将「滑道」绘制到中间,不就很明显了么。

红色的涨,蓝色的是跌,这款图表的优点也非常多:
- 除了好看,还能一眼看出涨跌量;
- 不同的产品之间涨跌对比也非常明显;
- 竖直方向排列,更适合多数据系列;
那么这幅图表是如何制作的呢?接下来和小北一起学习吧~
数据预处理部分
这款图表本质上也是滑珠图,不过属于“异形”的一种,使用了「散点图+误差线」来制作,所以在这里我们新增几个辅助列。
- 「本期增加」,用于判断增加量,如果增加量为负,则标记为0;
- 「本期减少」,用于判断减少量,如果减少量为负,则标记为0;
- 「Y辅助」,等差序列,用于辅助绘制散点图;
- 「X辅助」,0序列,用于辅助绘制散点图;
- 「标签」,用于展示涨跌标签数值;
完整公式如下,整体都非常简单:
本期增加=MAX(C2-B2,0)
本期减少=MAX(B2-C2,0)
Y辅助==10.5-ROW(A1)
X辅助=0
标签=TEXT(C2-B2,"↑0;↓0;=")Code language: JavaScript (javascript)
添加完5个辅助列后,效果如下:

在绘制图表中,作图数据处理永远是最难的一步,接下来我们来绘制图表。
涨跌散点图作图技巧
首选选中B列和F列数据,直接插入散点图,效果如下:

然后右击图表,选择「选择数据」,新增一个数据系列。

现在图表上就有两个数据系列了,而且框架整体也出来了。

接下来给图表添加误差,操作如下:

将两个数据系列的Y误差线都设置为0,这样在竖值方向上没有线端突出。
操作也非常简单,右击垂直误差线,选择「误差线格式」,设置为固定值「0」。

然后为「2020数据系列」设置自定义误差范围,选择正误差,并设置范围为D列,操作效果如下:

同理为2021设置正偏差,选择E列数据,如下。

现在误差线就出来了,为图表添加上数据标签,同时将散点标记填充为12,效果如下:

调整误差线的粗细为10磅,并添加图表标题,让色块面积更大一些,更协调。

最后为图表添加一个新的数据系列,用于添加「涨跌数据标签」数据选择如下:

选择刚刚添加的数据系列,添加数据标签,并选择自定义单元格中的数据,操作如下:

最后将不需要的数据系列设置无填充、修正网格线、字体样式。
现在一幅带有涨跌指标的散点图就制作完成了,是不是非常简单呢?

当然在实际使用中,滑珠图本身还可以衍生变化出很多图表,例如变更为斑马条纹、散点图连线,垂直面积图等等,非常多。
好了,那么今天的「涨跌散点图」小技巧就分享到这里了,你学会了么?
© 版权声明
文章版权归作者所有,未经允许请勿转载。





这个做报表的时候应该能用上,比柱状图直观多了。
涨跌一目了然,配色也舒服。
辅助列这步有点绕,多看两遍才懂。
我也是,得琢磨一会儿。
这配色方案挺实用的。
散点图还能这么玩,涨见识了。
误差线设置那步卡住了,能再细讲讲吗?
终于找到能看懂的制作教程了,之前看的都是天书
辅助列那块儿是不是太麻烦了?有更简单的办法吗?
配色挺清爽的,回头试试看。
滑道放中间这个思路确实巧妙,一眼就能看出涨跌。
辅助列这块公式没太看懂,有没视频版演示?
试了下确实比柱状图直观,就是辅助列那块卡了半天
配色方案可以自己改吗?
Y辅助那列是干啥用的?
配色舒服,比之前用的柱状图清爽多了。
涨跌这么看真的一目了然,配色也顺眼。
辅助列那块有点绕,多看两遍才明白。
我也是,看了好几遍才懂
这个误差线的用法绝了。