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

朱小五是凹凸君呀

于 2021-03-13 22:03:58 发布

1876

文章标签：可视化数据可视化 qml bmp 办公软件

需要到微信公众号【凹凸数据】申请授权

本文链接：https://blog.csdn.net/zhuxiao5/article/details/114770002

版权

大家好，我是小五????

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

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

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

原视频细节

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

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

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

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

第一步，先获取数据????

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

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

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

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

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

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

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

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

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

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

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

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