这种动态条形图+折线图怎么做？今天我来教你！

大家好，我是小五?

前几天我看了一个不到2分钟的视频，动态展示了我国的GDP增长。而且是动态条形图和折线图叠加一起使用，比较少见！然后我立了一个Flag，说要仿制。

本来当天就找了

合适的方法，并简单仿制了出来。不过要写成文章的话，要各种截图录动图，还要加亿点点细节，所以就又拖了两天。然后做好了视频还要漫长的审核，摊手。

吐槽完毕，下面开始正文：

原视频细节

我又把原视频贴出来了哈，毕竟有小伙伴之前可能没看过。

http://mpvideo.qpic.cn/0bf2a4ae4aaazaafu3sd45qfab6djydqatqa.f10003.mp4?dis_k=df6f8bef5e5b86691cb0e405d2c526a3&dis_t=1617093468&spec_id=MzU5Nzg5ODQ3NQ%3D%3D1617093468&vid=wxv_1768598819576807437&format_id=10003

其实它标题应该叫《中国GDP增长动态图，小红线，向上攀！》

这个动态图主要由两部分构成，即动态条形图和动态折线图，而且从图层来说的话，折线图应该在下方。两者都表现的是我国GDP的增长动态，不过折线图是1953-2020年，动态条形图则是从1961年才开始出现。

不知道大家注意没有，两张图的统计单位其实并不一致，动态条形图是跟国外其他国家对比，所以统一用的都是美元。而我们单独的GDP动态折线图单位是人民币。

操作过程

第一步，先获取数据?

获取数据

涉及GDP的数据可以直接去国家统计局直接下载

大家可以直接在「凹凸数据」后台回复“动态图”获取下载好的数据。

在之前的文章的中，我曾经教大家用Flourish来制作动态折线图，但这次需要两个图层叠一起。

于是我想到了国内的另一个可视化网站——镝数，可以编辑它的数据图文实现将两个动态图叠在一起。

镝数可视化

打开官网?https://dycharts.com/

新建数据图文，调整画布合适的长宽比

在数据图文中先插入了动态折线图模板，具体操作如下

然后我们还得改亿点点细节，有点多，我就不一一录gif了。这里给大家截图几个关键点，后面自己看情况调节吧。

通过上述操作，就做好了一个动态折线图了：

在刚刚的基础上，我们再添加一个动态条形图。比较开心的就是它默认的动态条形图，正好就是各国GDP的增长动态，这也就是说——不用我们再去自行添加数据了。

?查看上图即可看到，两图叠加后就和原视频很相像了。只需我们添加更多细节，比如调整两者尺寸和位置，更改动态条形图各国的颜色等等

如果大家想要与原视频颜色保持一致的话，可以查看下表，小五直接用调色板挨个选取各国的颜色（都是为了仿制的更像呀）

对了，还有就是原视频两个图是间隔出现的，这里我建议两个图延迟间隔5秒?

通过修改细节，可以使我们的可视化图表与原视频更像。这时候就可以点击分享预览，方便我们下一步操作。

打开预览链接?https://dycharts.com/xshow/index.html?id=32c1ae96b16d7c34d5dc325fbfb3d825

?上方就是刚刚预览链接打开后样子，同时启动两个动态图就可以获得跟原视频几乎一样的效果啦！

注：还记得刚刚我们设置延迟时间嘛，正是为了方便我们用软件录屏呀?

制作视频

小五用录屏软件截取了需要的视频部分，随便选一个剪辑软件加个BGM即可。

这个不重要，我其实是用手机剪的，2分钟就能做好。

提醒大家一下，原视频的BGM是《Victory》。

它也是比较常见用来动态可视化的BGM，毕竟这可是十大气势背景音乐之一呀！气势磅礴的旋律，足以征服听众的内心。

最后，让你们看一下小五简陋的“仿品”吧

http://mpvideo.qpic.cn/0bf2niaauaaaviamxmcm35qfa2wdbjvaacqa.f10002.mp4?dis_k=1fae43d628dfbc7b9099d56f8b55f26d&dis_t=1617093468&spec_id=MzU5Nzg5ODQ3NQ%3D%3D1617093468&vid=wxv_1779237210181959681&format_id=10002

如果大家想直接下载GDP数据，可以在「凹凸数据」后台回复“动态图”来获取数据。