专栏名称: EasyCharts
EasyCharts,易图表,我们将定期推送各种数据可视化与分析教程,包括Excel(Power BI)、Origin、Sigmaplot、GraphPad、R、Python、Matlab、Tableau、D3.js等。
目录
相关文章推荐
格斗迷  ·  “三无青年“白大拿的“命中贵人” ·  18 小时前  
格斗迷  ·  “三无青年“白大拿的“命中贵人” ·  18 小时前  
格斗迷  ·  女生街头KO男生,这一招真的很好用! ·  昨天  
格斗迷  ·  女生街头KO男生,这一招真的很好用! ·  昨天  
前端大全  ·  NPM 作者推出全新的 ... ·  2 天前  
前端早读课  ·  【早阅】 2024年HTML现状调查报告 ·  3 天前  
51好读  ›  专栏  ›  EasyCharts

绘制2017 LCK夏季赛的英雄伤害统计图

EasyCharts  · 公众号  · 前端  · 2017-07-20 08:50

正文

前日,看了LCK(韩国英雄联盟顶级联赛)JAG vs SKT的比赛,Faker状态低迷,SKT再次被打爆,加上洲际赛上不敌WE已经连败7局了,直接在一周多时间内从第一名掉到第四名。

难道是洲际赛失败后从台湾游回去,队员和教练都泡傻了?


▷ ▷  以上是题外话,说正事啦  ◁ ◁


今天来教大家绘制2017 LCK夏季赛赛后展示的英雄伤害统计图(7月18日JAG vs SKT第一局),如下图


教  程

下载Excel源文件(含头像素材): 

链接: https://pan.baidu.com/s/1kVr9qmz 

密码: 1btw


② 选中数据源(B3:L7),插入“堆积条形图”→“设计”→“切换行列”→”修改标题,并删除图例“,如下图;


 选中并右击条形→”更该系列图表类型“→对系列1、系列2和系列3勾选”次坐标轴“→删除次坐标轴(即上方的横坐标)→删除网格线→修改横坐标轴边界为[0,27],并删除横坐标,如下图;


④ 系列2设置为无填充,选中纵坐标轴勾选“逆序类别”,设置图表高7cm,宽18cm,如下图;


⑤ 设置系列5和系列9为无填充,系列6填充色为RGB(0, 110, 196),系列7填充色为RGB(46, 50, 52),系列8填充色为RGB(254, 12, 11),图表背景色为RGB(55, 62, 65),图表字体颜色为RGB(206, 206, 206),如下图;


⑥ 系列5添加数据标签(位置:轴内侧,勾选“单元格中的值”,数据源为N3:N7);系列9添加数据标签(位置:数据标签内,勾选“单元格中的值”,数据源为O3:O7);图表字体为Agency FB,系列5和系列9标签字体大小为13;删除纵坐标轴,如下图;


⑦ 选中系列1和系列3的各个条形,分别进行头像填充,选中系列1,设置系列1的分类间距为35%(系列3同时会改变,这样头像就基本就是正方形了),完成!如下图。


PS

给大家留个思考题:如何绘制原图中间的渐变和纹理?


今天的教程就到这啦......如果大家有一些有趣的图表不会绘制或者想分享给大家,请在群里@ Eric.Y,我会看情况出教程~




如需转载请在微信后台回复“转载”!