这种动态条形图+折线图怎么做？今天我来教你！
大家好，我是小五🐶
前几天我看了一个不到2分钟的视频，动态展示了我国的GDP增长。而且是动态条形图和折线图叠加一起使用，比较少见！然后我立了一个Flag，说要仿制。
本来当天就找了合适的方法，并简单仿制了出来。不过要写成文章的话，要各种截图录动图，还要加亿点点细节，所以就又拖了两天。然后做好了视频还要漫长的审核，摊手。
吐槽完毕，下面开始正文：
原视频细节
我又把原视频贴出来了哈，毕竟有小伙伴之前可能没看过。
其实它标题应该叫《中国GDP增长动态图，小红线，向上攀！》
这个动态图主要由两部分构成，即动态条形图和动态折线图，而且从图层来说的话，折线图应该在下方。两者都表现的是我国GDP的增长动态，不过折线图是1953-2020年，动态条形图则是从1961年才开始出现。
不知道大家注意没有，两张图的统计单位其实并不一致，动态条形图是跟国外其他国家对比，所以统一用的都是美元。而我们单独的GDP动态折线图单位是人民币。
操作过程
第一步，先获取数据👉
获取数据
涉及GDP的数据可以直接去国家统计局直接下载
大家可以直接在「凹凸数据」后台回复“动态图”获取下载好的数据。
在之前的文章的中，我曾经教大家用Flourish来制作动态折线图，但这次需要两个图层叠一起。
于是我想到了国内的另一个可视化网站——镝数，可以编辑它的数据图文实现将两个动态图叠在一起。
镝数可视化
打开官网👉https://dycharts.com/
新建数据图文，调整画布合适的长宽比
在数据图文中先插入了动态折线图模板，具体操作如下
然后我们还得改亿点点细节，有点多，我就不一一录gif了。这里给大家截图几个关键点，后面自己看情况调节吧。
通过上述操作，就做好了一个动态折线图了：
在刚刚的基础上，我们再添加一个动态条形图。比较开心的就是它默认的动态条形图，正好就是各国GDP的增长动态，这也就是说——不用我们再去自行添加数据了。
👆查看上图即可看到，两图叠加后就和原视频很相像了。只需我们添加更多细节，比如调整两者尺寸和位置，更改动态条形图各国的颜色等等
如果大家想要与原视频颜色保持一致的话，可以查看下表，小五直接用调色板挨个选取各国的颜色（都是为了仿制的更像呀）
| 国家 | 颜色代码 | 国家 | 颜色代码 | 国家 | 颜色代码 |
|---|---|---|---|---|---|
| 美国 | #4046a9 | 印度 | #5cbc4f | 澳大利亚 | #faf440 |
| 中国 | #c82e33 | 意大利 | #427adb | 西班牙 | #8a6a65 |
| 日本 | #90cd4b | 巴西 | #26816a | 墨西哥 | #1c5349 |
| 德国 | #9b0d54 | 加拿大 | #e57a00 | 荷兰 | #f1a100 |
| 英国 | #2ea186 | 俄罗斯 | #32a3e0 | 瑞士 | #4d7adb |
| 法国 | #9f40b7 | 韩国 | #f6d900 | 阿根廷 | #90dafc |
对了，还有就是原视频两个图是间隔出现的，这里我建议两个图延迟间隔5秒👇
通过修改细节，可以使我们的可视化图表与原视频更像。这时候就可以点击分享预览，方便我们下一步操作。
打开预览链接👉https://dycharts.com/xshow/index.html?id=32c1ae96b16d7c34d5dc325fbfb3d825
👆上方就是刚刚预览链接打开后样子，同时启动两个动态图就可以获得跟原视频几乎一样的效果啦！
注：还记得刚刚我们设置延迟时间嘛，正是为了方便我们用软件录屏呀🐶
制作视频
小五用录屏软件截取了需要的视频部分，随便选一个剪辑软件加个BGM即可。
这个不重要，我其实是用手机剪的，2分钟就能做好。
提醒大家一下，原视频的BGM是《Victory》。
它也是比较常见用来动态可视化的BGM，毕竟这可是十大气势背景音乐之一呀！气势磅礴的旋律，足以征服听众的内心。
最后，让你们看一下小五简陋的“仿品”吧
如果大家想直接下载GDP数据，可以在「凹凸数据」后台回复“动态图”来获取数据。
以上就是小五给大家分享的教程啦，如果觉得有用，就给本文👇右下角点个赞吧~
周末福利
感谢清华大学出版社的赞助与支持！明日限时400币兑换！