前言:
此时姐妹们对“chartjs柱状图渐变色”大概比较重视,大家都需要剖析一些“chartjs柱状图渐变色”的相关内容。那么小编在网摘上网罗了一些对于“chartjs柱状图渐变色””的相关内容,希望我们能喜欢,大家快快来了解一下吧!在实际工作中,常常需要对不同的数据进行图表展示。如果要对不同的区间范围的数据展示为不同的图形颜色,例如对学生的每一门课程的成绩分为不及格、合格、优秀等三个档次的颜色,如何实现呢?
思路:
源数据的处理——插入柱形图——图表简化——图表优化设置。
步骤: 1、原始表格数据处理:
某学生各科目的成绩如表所示,对数据分成不及格(0-59分)、合格(60-89分)、优秀(90-100分)三个档次。如果在其区间范围内则为实际成绩数,不是则填0。那一个个的填写吧,又OUT喽。
下面在Excel用IF函数公式来实现:
不及格(0-59分):=IF(B3<=59,B3,0)
优秀(90-100分):=IF(B3>=90,B3,0)
合格(60-89分):=IF(AND(B3<=89,B3>60),B3,0)
2、设置背景色:
为了得到更好的展示效果,打开PowerPoint软件,新建幻灯片,右键“设置背景格式”,选择“纯色填充”之黑色。
3、插入柱状图、删除原成绩列数据:
执行“插入”菜单-“插图”之“图表”-“柱形图”,选择“簇状柱形图”,“确定”之;在Microsoft PowerPoint中的图表中输入或Copy步骤1中的表格数据,关闭图表窗口。
选择图表,点击“设计”菜单-“数据”-“选择数据”命令按钮,打开选择数据源对话框,在图例项(系列)中选择成绩,“删除”后“确定”。
4、图表简化:
点击图表右上角的“+”按钮,取消勾选坐标轴/主要纵坐标轴、网格线;选择柱状图,设置数据标签为“数据标签外”,设置图例为“右”;设置图表文字为白色、合适的字号,并设置标题;删除成绩为0的数据。
5、图表优化:
柱形图间距设置:由于删除了成绩列数据,导致间距不均匀。双击柱形打开“设置数据系列格式”对话框,设置系列选项中系列重叠为100%。
横坐标线条设置:选择横坐标轴,设置坐标轴选项中的填充线条为“无线条”;
柱形颜色设置:分别选择不及格、合格、优秀柱形,填充颜色分别为灰色、蓝色、红色。
图表背景设置:双击图表打开“设置图表区格式”对话框,选择填充为“渐变填充”,渐变光圈分别为0%蓝色、80%绿色;
※ 小贴士:
不同的设置可以得到不一样的效果。
※【素材获取:请认准头条号“学习Bank”,关注、点赞、评论、收藏、转发、留邮箱,^_^注明文章标题^_^】※
标签: #chartjs柱状图渐变色