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

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

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

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

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

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

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

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

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

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

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

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




用手机预览下效果确实更直观
圆角大小固定会不会限制数据展示
这个技巧做年终总结图表应该很出彩
配色方案有推荐的吗
网易数读常用的几种配色可以搜来看看
圆角矩形这个点子绝了
可以用在对比不同产品份额的图表里
感觉这种风格在手机端看也很舒服
想看那个牙齿图的教程
如果数据变动频繁,填充形状得重新调吗
这个辅助列的逻辑挺有意思的
原来高级图表都是细节堆出来的
确实,细节决定了最终的质感
条形图还能玩出这么多花样
填充形状的时候对齐得仔细点才行
对,稍微偏一点就很容易穿帮
这种图做年度对比应该很出彩
数据标签加下划线比箭头还管用
对,下划线引导视线,比箭头简洁多了
试试换深色背景,可能更有冲击力
圆角处理真的让图表质感不一样
能不能教教怎么快速统一所有条形的颜色
那个下划线的矩形填充很有灵气
这个下划线细节让标签更聚焦了
配色确实关键,弄完之后高级感提升不少
想知道如果数据量很大,这种图表还适用吗
操作起来好像不难,就是得耐心一点
确实,步骤多但逻辑清晰,跟着做一遍就熟了
感觉这种图表在对比数据时很直观
能不能出一个动态更新数据的版本
那个辅助列的0.35数值可以根据实际调整吗
这种风格放在周报里应该挺亮眼的
周报用这个风格,领导一眼就能看懂
原来圆角是用形状填充实现的,学到了
以后做汇报PPT能派上用场了
领导应该会觉得你下了不少功夫
辅助列那部分稍微绕了点,不过做出来应该挺出效果
辅助列理清楚后,后面步骤就顺了
学会这个,以后做报告图表可以装一波了。
哈哈,这技巧确实能装一波,下次报告用上。
辅助列那个0.35的取值,有讲究啊。
原来圆角是贴图实现的,学到了
这个填充技巧确实绝了,感觉能搞定好多奇奇怪怪的图表!
右侧标签加下划线,比直接放数字直观多了。
这个下划线设计确实比纯数字更直观,阅读体验好很多。
那个下划线矩形的填充是怎么弄的?
拆成两部分填充这个思路确实稳,不然圆角容易变形。
对,拆开后填充才好看,不然圆角会变形,这个细节挺关键的。
圆角条形图确实比普通的好看多了
把圆角矩形复制进去填充,这招太巧妙了。
那个 0.35 的辅助列数值,是不是得根据最大值动态算一下?
填充技巧真绝,一学就会
数据标签换行那步,手动调的话挺麻烦的
辅助列拆分那步确实关键,不然圆角会变形
这个圆角条形图真的挺有质感的,能用在月度报表吗?
终于有人教圆角条形的做法了,之前一直手动描
手动描真的太崩溃了,这个方法简直救命!
照步骤做了一遍,效果立竿见影
右侧标签加下划线,细节很加分
缩放图表时那个圆角会不会被拉变形啊
我试过,会变形的,得先锁定比例再缩放圆角才不会走样
填充做圆角这招真绝,省事又好看。
这种填充技巧还能用在其他图表上吗?
那个辅助列的取值逻辑挺有意思的
这个圆角效果确实好看,回头照着试试