这个 Excel 圆角条形图,太帅了!

Excel2020年11月12日发布 转载
20.3K 700
811字
3–5 分钟

作者:小北童鞋
来源:芒种学院(ID:lazy_info)

昨天分享的填充技巧制作Excel牙齿图收到了非常多的小伙伴留言,今天我们尝试着用同样的技巧来美化条形图

参考图表依旧是来自网易数读提供的创意,作为可视化信息图表的狂热者,网易数读着实太好用了。

跟常见的条形图不同,网易数读的条形图有几点差异:

  1. 条形图右上角是圆角,并且圆角大小一致。
  2. 数据标签文字放在右侧,并且下方有下划线;

来做一个简单的对比,同样的配色,小小调整了一下,瞬间就显得非常高大上了。

那么在Excel中究竟如何来美化这种条形图,实现网易数读的效果呢?实际操作也非常简单。

首先我们来添加一列辅助列,用来显示右侧的文字。

这里的 0.35 取值来源于“最大数值”加多一点点,这样保证有足够的空间可以显示文字。

除了“显示文字”辅助列之外,我们还需要将“占比”拆分成“条形部分+圆形部分”,避免填充的时候会变形。

完整的辅助列如下,其中“条形占比”=“占比”-“圆形占比”

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

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

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

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

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

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

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

是不是非常简单但是效果超级帅,其实绝大部分特色图表都跟填充这个技巧有关,通过各色填充来实现图表的装饰。

好了,那么今天的「填充条形图」小技巧就分享到这里了,想了解下牙齿图是如何制作的,也可以翻看下昨天的推文。

如果你有想学的 Excel 技巧,不妨在下方留言哦~


阅读原文

© 版权声明

相关文章

70 条评论

  • 暗灵低语
    暗灵低语 游客

    用手机预览下效果确实更直观

    中国广东
    回复
  • 虚界旅者
    虚界旅者 游客

    圆角大小固定会不会限制数据展示

    中国甘肃
    回复
  • 茶师周
    茶师周 游客

    这个技巧做年终总结图表应该很出彩

    中国山东
    回复
  • 小猪猪猪
    小猪猪猪 读者

    配色方案有推荐的吗

    中国重庆
    回复
    • 柚子君
      柚子君 游客

      网易数读常用的几种配色可以搜来看看

      中国上海@ 小猪猪猪
      回复
  • 彗星之影
    彗星之影 读者

    圆角矩形这个点子绝了

    中国甘肃
    回复
  • 土德载物
    土德载物 游客

    可以用在对比不同产品份额的图表里

    中国甘肃
    回复
  • 寒琊
    寒琊 游客

    感觉这种风格在手机端看也很舒服

    中国甘肃
    回复
  • 旧光阴
    旧光阴 游客

    想看那个牙齿图的教程

    中国重庆
    回复
  • 幽冥铃
    幽冥铃 读者

    如果数据变动频繁,填充形状得重新调吗

    中国上海
    回复
  • 影之织梦
    影之织梦 读者

    这个辅助列的逻辑挺有意思的

    中国上海
    回复
  • 嫉妒的孔雀
    嫉妒的孔雀 游客

    原来高级图表都是细节堆出来的

    中国甘肃
    回复
    • 歪歪滴艾斯
      歪歪滴艾斯 游客

      确实,细节决定了最终的质感

      中国广东@ 嫉妒的孔雀
      回复
  • 影之守护
    影之守护 读者

    条形图还能玩出这么多花样

    中国上海
    回复
  • 灵魂褶皱
    灵魂褶皱 游客

    填充形状的时候对齐得仔细点才行

    中国山东
    回复
    • CopperDusk
      CopperDusk 游客

      对,稍微偏一点就很容易穿帮

      中国广东@ 灵魂褶皱
      回复
  • Zoro
    Zoro 游客

    这种图做年度对比应该很出彩

    中国上海
    回复
  • 炫彩孔雀翎
    炫彩孔雀翎 游客

    数据标签加下划线比箭头还管用

    中国重庆
    回复
    • 尼亚加拉瀑
      尼亚加拉瀑 读者

      对,下划线引导视线,比箭头简洁多了

      中国上海@ 炫彩孔雀翎
      回复
  • 苍穹之翼
    苍穹之翼 游客

    试试换深色背景,可能更有冲击力

    中国广东
    回复
  • 笑话精
    笑话精 游客

    圆角处理真的让图表质感不一样

    中国广东
    回复
  • 忧郁的海洋
    忧郁的海洋 读者

    能不能教教怎么快速统一所有条形的颜色

    中国广东
    回复
  • 红脸豪侠
    红脸豪侠 游客

    那个下划线的矩形填充很有灵气

    中国上海
    回复
    • 虚空漫游
      虚空漫游 游客

      这个下划线细节让标签更聚焦了

      中国山东@ 红脸豪侠
      回复
  • 话痨人
    话痨人 游客

    配色确实关键,弄完之后高级感提升不少

    中国山东
    回复
  • 山河故人
    山河故人 游客

    想知道如果数据量很大,这种图表还适用吗

    中国山东
    回复
  • 无眠夜
    无眠夜 游客

    操作起来好像不难,就是得耐心一点

    中国山东
    回复
    • 霜天红叶
      霜天红叶 游客

      确实,步骤多但逻辑清晰,跟着做一遍就熟了

      中国山东@ 无眠夜
      回复
  • 孤傲夜行者
    孤傲夜行者 游客

    感觉这种图表在对比数据时很直观

    中国重庆
    回复
  • 幻影尘
    幻影尘 读者

    能不能出一个动态更新数据的版本

    中国山东
    回复
  • 矩阵之影
    矩阵之影 游客

    那个辅助列的0.35数值可以根据实际调整吗

    中国山东
    回复
  • 奶泡小喵
    奶泡小喵 游客

    这种风格放在周报里应该挺亮眼的

    中国广东
    回复
    • 比特使者
      比特使者 游客

      周报用这个风格,领导一眼就能看懂

      中国广东@ 奶泡小喵
      回复
  • 幻光之影
    幻光之影 读者

    原来圆角是用形状填充实现的,学到了

    中国上海
    回复
  • 天蓝梦境
    天蓝梦境 游客

    以后做汇报PPT能派上用场了

    中国山东
    回复
    • 云端园丁
      云端园丁 游客

      领导应该会觉得你下了不少功夫

      中国重庆@ 天蓝梦境
      回复
  • 狮子王座
    狮子王座 游客

    辅助列那部分稍微绕了点,不过做出来应该挺出效果

    中国山东
    回复
    • SableNocturne
      SableNocturne 游客

      辅助列理清楚后,后面步骤就顺了

      中国上海@ 狮子王座
      回复
  • 山静日长
    山静日长 读者

    学会这个,以后做报告图表可以装一波了。

    日本
    回复
    • 开朗外向
      开朗外向 读者

      哈哈,这技巧确实能装一波,下次报告用上。

      中国香港@ 山静日长
      回复
  • 屑
    读者

    辅助列那个0.35的取值,有讲究啊。

    中国江苏
    回复
  • 扯筋
    扯筋 读者

    原来圆角是贴图实现的,学到了

    中国河南
    回复
    • 小狗子
      小狗子 读者

      这个填充技巧确实绝了,感觉能搞定好多奇奇怪怪的图表!

      中国上海@ 扯筋
      回复
  • 幽冥寂语
    幽冥寂语 读者

    右侧标签加下划线,比直接放数字直观多了。

    中国
    回复
    • 幽灵驯兽师
      幽灵驯兽师 读者

      这个下划线设计确实比纯数字更直观,阅读体验好很多。

      韩国@ 幽冥寂语
      回复
  • 敏锐的洞察者
    敏锐的洞察者 读者

    那个下划线矩形的填充是怎么弄的?

    中国山西
    回复
  • 微风细雨
    微风细雨 读者

    拆成两部分填充这个思路确实稳,不然圆角容易变形。

    中国广东
    回复
    • 小猴吱吱
      小猴吱吱 读者

      对,拆开后填充才好看,不然圆角会变形,这个细节挺关键的。

      中国重庆@ 微风细雨
      回复
  • 思维云饲养员
    思维云饲养员 读者

    圆角条形图确实比普通的好看多了

    印度
    回复
  • 小寒松涛
    小寒松涛 读者

    把圆角矩形复制进去填充,这招太巧妙了。

    中国江西
    回复
  • 幻光祭司
    幻光祭司 读者

    那个 0.35 的辅助列数值,是不是得根据最大值动态算一下?

    中国广东
    回复
  • 布丁云
    布丁云 读者

    填充技巧真绝,一学就会

    中国山东
    回复
  • 数字原生代
    数字原生代 读者

    数据标签换行那步,手动调的话挺麻烦的

    美国
    回复
  • 幽魂曲
    幽魂曲 读者

    辅助列拆分那步确实关键,不然圆角会变形

    中国广东
    回复
  • 幽梦织影
    幽梦织影 读者

    这个圆角条形图真的挺有质感的,能用在月度报表吗?

    美国
    回复
  • 山外青山
    山外青山 读者

    终于有人教圆角条形的做法了,之前一直手动描

    澳大利亚
    回复
    • 幽灵Sam
      幽灵Sam 读者

      手动描真的太崩溃了,这个方法简直救命!

      中国上海@ 山外青山
      回复
  • 幽冥烛阴
    幽冥烛阴 读者

    照步骤做了一遍,效果立竿见影

    中国台湾
    回复
  • 小资生活
    小资生活 读者

    右侧标签加下划线,细节很加分

    中国广东
    回复
  • 抽象褶皱
    抽象褶皱 读者

    缩放图表时那个圆角会不会被拉变形啊

    英国
    回复
    • 小兔奶糖
      小兔奶糖 读者

      我试过,会变形的,得先锁定比例再缩放圆角才不会走样

      印度@ 抽象褶皱
      回复
  • 小尾巴
    小尾巴 读者

    填充做圆角这招真绝,省事又好看。

    中国陕西
    回复
  • 异梦之主
    异梦之主 读者

    这种填充技巧还能用在其他图表上吗?

    中国
    回复
  • 小云朵飘
    小云朵飘 读者

    那个辅助列的取值逻辑挺有意思的

    俄罗斯
    回复
  • 江南小筑
    江南小筑 游客

    这个圆角效果确实好看,回头照着试试

    中国广东
    回复