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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


阅读原文

© 版权声明

相关文章

37 条评论

  • 话痨人
    话痨人 游客

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

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

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

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

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

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

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

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

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

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

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

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

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

    中国广东
    回复
  • 幻光之影
    幻光之影 读者

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

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

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

    中国山东
    回复
  • 狮子王座
    狮子王座 游客

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

    中国山东
    回复
  • 山静日长
    山静日长 读者

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    填充技巧真绝,一学就会

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    中国广东
    回复