这么华丽酷炫的排名走势图是如何制作出来的?
龙逸凡注:
题图中《“偷懒”的技术》排名走势图非常华丽(微信将图片压缩后效果看起来不太好),相比起我们做的排名走势图看起来高大上得多,那这是如何制作出来的呢?
我们先来看一下《“偷懒”的技术》排名的原始数据,如下表
利用原数据,大家制作出来的图表一般长这个样:
上图不但不美观,更严重的是,由于数字越小排名越靠前,一般的折线图是用于表示数字大小,而非排名情况的,因而,制作出来的图表排名趋势看起来是下降的,与排名上升的事实不符。
那如何变成题图中的样子呢?
有二个关键知识点:
1、逆序刻度值
2、渐变填充
先来看看第一个知识点,我们如何将图表倒过来,展现为上升趋势
步骤一:双击纵坐标,打开“设置坐标轴格式”的选项设置菜单,勾选逆序刻度值。
步骤二:选择横坐标,在坐标轴选项-数字,将横坐标格式改为自定义格式:m"月"
步骤三:给折线添加数据标签,然后选定数据标签,将数据标签的格式设为自定义格式 :"第"#"名"
步骤四:删除纵坐标、网络线,将横坐标的线条设置为无,数字标签设置为靠下,并将图表拉宽,图表设置填充色为棕黑色,效果如下
下面使用渐变填充进行蜕变
步骤五:用鼠标选择折线,将其线条设置为“渐变线”,将设置为三个光圈,光圈角度为90,从左到右光圈的颜色依次为深黑,红色,浅红。
步骤六:然后点击选择5月数据点,过半秒再次点击,选择5月数据点第20名,将线条设置为深绿色。同理,依次将4月数据点的线条设置为淡绿色。
步骤七:给折线添加数据标记,颜色为深红色
步骤八:依次将3月到8月的数据点的填充色设置为与线条颜色相同的颜色。
步骤九:选择2016年10月数据点的数据标记,将数据标记的边框设置为实线,线条宽度为12磅,透明度50%。
步骤十:按照步骤九的同样操作,设置2015年5月、11月的数据标记的边框宽度和颜色
步骤十一:按下图给折线添加发光效果,
步骤十二:然后前面的方法修改2015年1月到5月的发光效果和数据标记效果。再进一步美化,最终制作的效果如下图