大家好,今天我们要讲的是如何使用Pyecharts制作动态排名变化图

制作这样的一个动态图使用到的是Pyecharts中的TimeLine(时间线轮播图),代码实现起来其实稍有难度,但我希望能通过讲解这样一张动态图的制作过程,来让各位读者可以使用Pyecharts将任何一种图动起来,我们开始吧!

首先我们需要思考一下这样一种动态图的生成逻辑,不就是把每天的数据制作成一张条形图然后轮动吗,OK那我们的数据要整理成啥样呢?一个dataframe,每列是一个国家近20天的数据,还有一个存储20天时间的list

搞定数据之后我们去Pyecharts官方示例网站找到一个类似的图

http://gallery.pyecharts.org/#/Timeline/timeline_bar_with_graphic

官网示例代码和效果都给你了,我们要做的就是将这段代码改成我们需要的形式,现在我们将这段代码复制到Notebook中,并修改将图显示在notebook中

接下来我们观察这段代码与图,首先要改的是,把他每次两组变量改为一组变量,然后删掉和修改一些不需要的文字

上图左边是修改前的代码,右边是代码修改的部分,就不用多做解释了,直接看图,现在我们的图就成了这样

是不是有点意思了,接下来也是稍微有一点难度的部分就是修改坐标轴和对应的数据,这时我们先观察下这段代码如何控制坐标轴和数据

可以看到x轴调用了Faker.choose(),y轴调用了Faker.values()打印我们单独调用一下出来看看

你看这俩方法每次返回一个list,并且这个list是变化的,并且要注意到他的X写在循环外,所以x轴一直没有变,但y轴的值写在了循环里面,通过这样的方式来让每次生成的图数据不一样。

所以我们接下来的目的就很明确了,因为我们的条形图是有顺序的所以我们需要写两个函数,在生成每一张图的时候,返回一组x轴数据,一组y轴数据,并且是按照顺序排列的,所以可以这么写

稍微解释一下修改的地方,get_value()函数就是将df1传进去,再把每一行的数据传出来,k是用来识别调用次数的,这样可以保证每次调用下一行的数据。接着在循环里面,将我们传出来的确诊数量和国家名使用Pandas进行排序并返回两个list,此时这两个list一一对应并且确诊数量是降序排列

此时我们的需求就实现了,用这个X,Y替换掉源代码的X,Y即可

其实到这里,就已经结束了,点击播放就可以实现轮动了,但接下来可以稍微修改部分代码来调整细节

上面这两处修改就是调整了每张图的切换时间,自动播放和反转XY轴,此时就大功告成,你的条形图就成功的动起来

以上就是从0到1制作动态条形图的过程,感兴趣的一定要敲一遍代码。注意本文用柱状图示例,但是不管条形图还是饼图还是折线图甚至地图,体现到代码不就是Bar还是Line吗,想制作不同的动态图不就是修改一行代码的事吗。我们再回顾一下刚刚的步骤:思考想要做的图——>从官网找个demo——>观察代码——>修改部分代码——>搞定!学会了吗?

注:本文使用的数据与代码,可在早起Python内获取(使用电脑端才可以正常下载),当然鼓励自己尝试一点一点写~

lisp xy轴不等比缩放_不就是用Python做个动态图吗?看招相关推荐

  1. lisp xy轴不等比缩放_【AutoCAD教程】CAD中如何进行X、Y两个轴向不等比缩放图形?...

    CAD中有缩放(SC)命令来进行图形的尺寸缩放,但缩放命令只能进行等比缩放,即X.Y各个轴向上的缩放比例相等.有些情况下,我们希望图形沿不同轴向按不同比例缩放,如果遇到这种情况怎么办呢? 方法有以下两 ...

  2. lisp xy轴不等比缩放_解决高缩放等级下的抖动问题

    最近看到 deck.gl 在 medium 上的一篇文章,介绍了解决高缩放等级下「抖动」问题的思路. How (sometimes) assuming the Earth is "flat& ...

  3. lisp xy轴不等比缩放_CAD中如何进行X、Y两个轴向不等比例缩放图形?【AutoCAD教程】...

    原标题:CAD中如何进行X.Y两个轴向不等比例缩放图形?[AutoCAD教程] CAD中有缩放(SC)命令来进行图形的 尺寸缩放,但缩放命令只能进行等比缩放,即X.Y各个轴向上的缩放比例相等.有些情况 ...

  4. lisp xy轴不等比缩放_CAD中如何同时进行X、Y两个轴向不等比例缩放图形?【AutoCAD教程】...

    原标题:CAD中如何同时进行X.Y两个轴向不等比例缩放图形?[AutoCAD教程] CAD中有缩放(SC)命令来进行图形的尺寸缩放,但缩放命令只能进行等比缩放,即X.Y各个轴向上的缩放比例相等.有些情 ...

  5. lisp xy轴不等比缩放_UV的详细解释,不懂得赶紧看过来!

    点击上方云普集EDU,关注我们! 今天将着重强调什么是uv? 所有的图像文件都是二维的一个平面.水平方向是U,垂直方向是V,通过这个平面的,二维的UV坐标系.我们可以定位图像上的任意一个像素.但是一个 ...

  6. python 网页樱花动态图_如何用Python实现动态图?

    GIF(Graphics Interchange Format,图形交换格式)是一种位图图像格式, GIF格式的图像文件具有如下特点: (1)GIF格式图像文件的扩展名是".gif" ...

  7. wps迷你版表格内文字缩放_如何在Google表格中使用迷你图

    wps迷你版表格内文字缩放 When you're working with large amounts of data in a Google Sheets spreadsheet, it isn' ...

  8. lisp对excel其他行列写入_【极简Python 自动化办公】Python写入Excel表格

    [极简Python 自动化办公]Python写入Excel表格 [极简Python 自动化办公]专栏是介绍如何利用python办公,减少工作负荷.篇幅精炼,内容易懂,无论是否有编程基础,都非常适合. ...

  9. python高逼格动态图_微信编辑哪里找高逼格 GIF 动图?

    作为一名运营狗,我觉得这个问题简直为我而生... 之前的回答已经讲得很详细了,我来稍作补充~~ 还是有那么一点点干货的~~ 所以也请给我一点赞吧! 谢(qiu)谢(qiu)大(ni)家(men)了! ...

最新文章

  1. jquery选中checkbox
  2. 单一nginx负载均衡+LNMP分布式架构
  3. 国王放米粒的C语言程序,云南大学软件学院C语言实验米粒问题.doc
  4. 抽了几天用Flex写了个上传小工具,支持批量上传,支持配置
  5. python程序 爱意_程序员式优雅表白,教你用python代码画爱心
  6. Angular - - angular.element
  7. loadedapk.java_android,_java.lang.ClassCastException: android.os.BinderProxy,android - phpStudy
  8. firefox如何载入json文件_Firefox在书签工具栏中推隐藏“其他书签”文件夹功能
  9. PyTorch 入坑四 梯度、链式法则、计算图与反向传播
  10. Android怎样实现毛玻璃效果之Android高级模糊技术
  11. java 29期淘淘商城_JavaEE大型分布式电商项目 淘淘商城 29期
  12. 使超星数字图书馆的PDG文件转换为PDF文件的方法
  13. nltk 句子结构分析
  14. charles SSL证书安装
  15. 原 Android studio下的DNK开发JNI详解流程
  16. 如何选小盘绩优股,分析小盘股的优势和劣势
  17. dede源码详细分析之--全局变量覆盖漏洞的防御
  18. 达梦数据库的服务启动
  19. Java整合极光推送
  20. 如何搭建高质量、高效率的前端工程体系--页面结构继承

热门文章

  1. DNN出错:The compiler failed with error code 1.
  2. c++学习笔记之静态成员函数
  3. 吴恩达 coursera AI 专项五第一课(下)总结+作业答案
  4. Linux双网卡NAT共享上网
  5. [云炬学英语]每日一句2020.8.26
  6. 手撕 CNN 之 AlexNet(PyTorch 实战篇)
  7. 通俗易懂!白话朴素贝叶斯
  8. Encoder-Decoder (based on RNNS / LSTM)用于序列学习方案
  9. VTK修炼之道70:体绘制讨论_光照阴影、VTKLODProp3D
  10. Delphi动态事件