chart.js 饼图显示百分比_【技巧1001-16】-实战图表|百分比图(下篇)-方格百分比...

78da48e21c243e149bea978679c844c3.png

我们继续来聊聊百分比图,今天是百分比图表的下篇-方格百分比也是百分比图表的最后一篇

具体我们先来看一下效果图

f42a88d7dcb0cc2e689aba7818fe2858.gif

制作教程

构建辅助列

三列公式分别为:

A列:=MOD(ROW(A1)-1,10)+1

简述:辅助作用,1-10,循环10,构建100点用

B列:=IF(ROW()<=$F$1*100,A1,NA())

简述:F1存放百分比,小于百分显示错误值,错误值图表中不显示

C列:=INT((ROW()-1)/10+1)

简述:10个1,10个2这样循环,用于X轴

b0344f4e37ac3c673e5e1b89800db0c6.png

三列公式填充到100行

d709066d1dd116c28d67b80c00b2893c.png
插入图表

选中A列及C列,插入-散点图。此数据为辅助

2443f92912515f8931f6c13bb72cf38c.gif
添加百分比系列

1、点击图表,设计-选择数据

2、添加,系列名称:数据,X轴:B列,Y轴:C列

8d0ad8c3de23ff28ad349030dcbbcd4f.gif
调整格式

1、删除标题

2、设置横、纵轴小:1,大:10

3、标签:无

4、图表大小:宽和高都为4

79531e9ec87d034c34a7eb61e33c1634.gif
方格填充

1、插入-图形-矩形

2、设置矩形宽高:0.39

3、填充填充色(浅色)

4、复制方格,点击图表系列,粘贴

5、重现填充其他颜色(数据-深色)

6、复制格式,点击数据系列,粘贴

11f4eed2d39ae60124a6e69497669971.gif
制作百分比标签

1、插入文本框,设置边框-无

2、点击文本框边框,在编辑栏=百分比单元格

3、选中文本框及图表,右击组合

4、设置文本框字体

efabee36ebc533ac6e160839cbba608a.gif

拓展:本案例使用方格填充,如果你使用其他图形或者你看到的小人的图片填充会是什么效果呢?

系列往期教程导航

【技巧1001-1】谁绿了Excel

【技巧1001-2】3秒搞定最大、最小、首次、最新

【技巧1001-3】批量提取姓名电话号码

【技巧1001-4】-批量提取文件名并建立超链接

【技巧1001-5】-数据透视表字段批量计数转求和,效率提高100%!

【技巧1001-6】-Excel版的AI智能处理

【技巧1001-7】-元和万元之间自由切换

【技巧1001-8】-终极指南|0基础制作工作表目录

【技巧1001-9】-看完,还不会按颜色求和就是你的不对了

【技巧1001-10】-下拉列表居然可以多选?!

【技巧1001-11】-Excel删除重复值,我用了7种方法

【技巧1001-12】- Excel多列内容合并的6种方法

【技巧1001-13】-项目进度图你会几种?

【技巧1001-14】-实战图表|不一样的百分比图(上)

【技巧1001-15】-实战图表|不一样的百分比图(中篇)-水缸百分比图


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值