811字
3–5 分钟
作者:小北童鞋
来源:芒种学院(ID:lazy_info)
昨天分享的填充技巧制作Excel牙齿图收到了非常多的小伙伴留言,今天我们尝试着用同样的技巧来美化条形图。
参考图表依旧是来自网易数读提供的创意,作为可视化信息图表的狂热者,网易数读着实太好用了。

跟常见的条形图不同,网易数读的条形图有几点差异:
- 条形图右上角是圆角,并且圆角大小一致。
- 数据标签文字放在右侧,并且下方有下划线;
来做一个简单的对比,同样的配色,小小调整了一下,瞬间就显得非常高大上了。

那么在Excel中究竟如何来美化这种条形图,实现网易数读的效果呢?实际操作也非常简单。
首先我们来添加一列辅助列,用来显示右侧的文字。

这里的 0.35 取值来源于“最大数值”加多一点点,这样保证有足够的空间可以显示文字。
除了“显示文字”辅助列之外,我们还需要将“占比”拆分成“条形部分+圆形部分”,避免填充的时候会变形。
完整的辅助列如下,其中“条形占比”=“占比”-“圆形占比”。

接着我们选中A/C/D/E列,插入“堆积条形图”,得到下面的图表。

现在跟网易数读提供的创意图表的轮廓是不是就非常接近了,先来调整下数据系列的间隙宽度,然后删除Y轴。

接着找到一个圆角矩形,复制填充到中间的”圆形占比“部分。

用同样的技巧,将一个只有下划线的矩形粘贴到第三部分。

然后调整好所有条形图的颜色,现在我们就得到了一个整体非常接近的填充条形图。

接着为”文字显示”部分添加数据标签,如果文字过长可以手动进行换行,得到的效果如下:

最后完善下图表的细节,添加坐标轴线、去除网格线、添加数据来源等等,我们就能得到一份和网易数读相似度极高的图表了。

是不是非常简单但是效果超级帅,其实绝大部分特色图表都跟填充这个技巧有关,通过各色填充来实现图表的装饰。
好了,那么今天的「填充条形图」小技巧就分享到这里了,想了解下牙齿图是如何制作的,也可以翻看下昨天的推文。
如果你有想学的 Excel 技巧,不妨在下方留言哦~
© 版权声明
文章版权归作者所有,未经允许请勿转载。




配色确实关键,弄完之后高级感提升不少
想知道如果数据量很大,这种图表还适用吗
操作起来好像不难,就是得耐心一点
感觉这种图表在对比数据时很直观
能不能出一个动态更新数据的版本
那个辅助列的0.35数值可以根据实际调整吗
这种风格放在周报里应该挺亮眼的
原来圆角是用形状填充实现的,学到了
以后做汇报PPT能派上用场了
辅助列那部分稍微绕了点,不过做出来应该挺出效果
学会这个,以后做报告图表可以装一波了。
哈哈,这技巧确实能装一波,下次报告用上。
辅助列那个0.35的取值,有讲究啊。
原来圆角是贴图实现的,学到了
这个填充技巧确实绝了,感觉能搞定好多奇奇怪怪的图表!
右侧标签加下划线,比直接放数字直观多了。
这个下划线设计确实比纯数字更直观,阅读体验好很多。
那个下划线矩形的填充是怎么弄的?
拆成两部分填充这个思路确实稳,不然圆角容易变形。
对,拆开后填充才好看,不然圆角会变形,这个细节挺关键的。
圆角条形图确实比普通的好看多了
把圆角矩形复制进去填充,这招太巧妙了。
那个 0.35 的辅助列数值,是不是得根据最大值动态算一下?
填充技巧真绝,一学就会
数据标签换行那步,手动调的话挺麻烦的
辅助列拆分那步确实关键,不然圆角会变形
这个圆角条形图真的挺有质感的,能用在月度报表吗?
终于有人教圆角条形的做法了,之前一直手动描
手动描真的太崩溃了,这个方法简直救命!
照步骤做了一遍,效果立竿见影
右侧标签加下划线,细节很加分
缩放图表时那个圆角会不会被拉变形啊
我试过,会变形的,得先锁定比例再缩放圆角才不会走样
填充做圆角这招真绝,省事又好看。
这种填充技巧还能用在其他图表上吗?
那个辅助列的取值逻辑挺有意思的
这个圆角效果确实好看,回头照着试试