这么华丽酷炫的排名走势图是如何制作出来的?

龙逸凡注:



题图中《“偷懒”的技术》排名走势图非常华丽(微信将图片压缩后效果看起来不太好),相比起我们做的排名走势图看起来高大上得多,那这是如何制作出来的呢?

我们先来看一下《“偷懒”的技术》排名的原始数据,如下表

利用原数据,大家制作出来的图表一般长这个样:

上图不但不美观,更严重的是,由于数字越小排名越靠前,一般的折线图是用于表示数字大小,而非排名情况的,因而,制作出来的图表排名趋势看起来是下降的,与排名上升的事实不符。

那如何变成题图中的样子呢?

有二个关键知识点:

1、逆序刻度值

2、渐变填充

先来看看第一个知识点,我们如何将图表倒过来,展现为上升趋势

步骤一:双击纵坐标,打开“设置坐标轴格式”的选项设置菜单,勾选逆序刻度值。

步骤二:选择横坐标,在坐标轴选项-数字,将横坐标格式改为自定义格式:m"月"

步骤三:给折线添加数据标签,然后选定数据标签,将数据标签的格式设为自定义格式 :"第"#"名"

步骤四:删除纵坐标、网络线,将横坐标的线条设置为无,数字标签设置为靠下,并将图表拉宽,图表设置填充色为棕黑色,效果如下

下面使用渐变填充进行蜕变

步骤五:用鼠标选择折线,将其线条设置为“渐变线”,将设置为三个光圈,光圈角度为90,从左到右光圈的颜色依次为深黑,红色,浅红。

步骤六:然后点击选择5月数据点,过半秒再次点击,选择5月数据点第20名,将线条设置为深绿色。同理,依次将4月数据点的线条设置为淡绿色。

步骤七:给折线添加数据标记,颜色为深红色

步骤八:依次将3月到8月的数据点的填充色设置为与线条颜色相同的颜色。

步骤九:选择2016年10月数据点的数据标记,将数据标记的边框设置为实线,线条宽度为12磅,透明度50%。

步骤十:按照步骤九的同样操作,设置2015年5月、11月的数据标记的边框宽度和颜色

步骤十一:按下图给折线添加发光效果,

步骤十二:然后前面的方法修改2015年1月到5月的发光效果和数据标记效果。再进一步美化,最终制作的效果如下图


(0)

相关推荐