-
2021-11-29 08:43:14
动态柱状图非常适合展示诸如国家经济发展的时序变化对比,如展示20年来我国各省GDP的发展变化:
下面介绍下基本方法:
1)首先要有数据,这些GDP数据可以直接在国家统计局网站免费获取:
国家统计局 (stats.gov.cn)
http://www.stats.gov.cn/其中提供包括“年度数据”、“地区数据”等各种数据,大家可以在登录后免费下载。比如我们获取到了年度各省GDP数据。但是原始数据往往存在着一些不必要的格式,因此需要删除头尾一些没有意义的说明文字,如:
然后全选后再重新粘贴到新工作表中,并且转置显示,即以时间为行,省份为列,如:
到此数据准备好了,可以保存到诸如“分省年度数据.csv” 文件中。
为了方便大家,我把这里所有相关的文件包括下面介绍的两个,都一起压缩在一起,大家可以直接下载:
动态柱状图案例全部相关文件(分省20年GDP年度数据)
https://www.njcie.com/python/pbda-data/5/动态柱状图案例全部相关文件(分省20年GDP年度数据).rar2)导入必要的动态柱状图绘制工具库,网上有很多,比较著名的一个是bar_chart_race,大家可以直接网上搜索下载,也可以从上述链接下载。解压后可以看到一个bar_chart_race文件夹,将这个整个文件夹连同里面的文件直接复制到当前PyCharm项目中的site-package文件夹中。
3)因为最终输出为GIF或者MP4文件,因此需要安装下必要绘制工具软件:ImageMagick,大家可以直接网上搜索下载,也可以从上述链接下载,名称为:ImageMagick-7.1.0-16-Q16-HDRI-x64-dll.exe。下载安装即可。
4)打开PyCharm项目,写上下面的代码:
import pandas as pd import bar_chart_race as bcr import matplotlib.pyplot as plt df = pd.read_csv('分省年度数据.csv', encoding='GBK') plt.rcParams['font.sans-serif'] = ['SimHei'] bcr.bar_chart_race(df.set_index('地区'), 'result.gif')
运行后,可以在当前项目中看到一个result.gif的文件,使用图片查看器打开后即可看到本博文第一张动态图的效果。
5)其实,如果不想编程,也可以使用一些现成的在线生成工具,比如:Flourish | Data Visualization & Storytelling
https://flourish.studio/
其中就提供了类似的功能:
大家只需按照它的格式要求上传数据,即可直接得到所需的动态图,只可惜下载需要付费,不过可以录屏取得结果:)
更多相关内容 -
echarts实现动态柱状图
2017-12-19 14:32:19echarts实现动态柱状图,满足大屏可视化对实时数据监测的需求 -
springboot动态加载Echarts柱状图
2020-08-25 06:23:43主要为大家详细介绍了springboot动态加载Echarts柱状图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 -
vue-echarts5:动态排序柱状图
2021-04-16 17:39:12动态柱状图排序 # 克隆项目 git clone # 进入项目目录 cd * # 安装依赖 npm install # 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=... -
PHP动态柱状图实现方法
2020-10-24 11:31:18主要介绍了PHP动态柱状图实现方法,实例分析了php结合HTML元素实现动态柱状图的技巧,非常具有实用价值,需要的朋友可以参考下 -
Echarts动态排名柱状图(自适应电脑和手机端)源代码
2021-10-09 16:18:57Echarts动态排名柱状图(自适应电脑和手机端)源代码,参见:https://blog.csdn.net/weixin_41290949/article/details/120672844 -
JS highcharts动态柱状图原理及实现
2021-01-18 17:03:46官网是没有动态刷新的示例的,由于需要我查看了其源码,并根据之前示例做出了动态柱状图的效果,希望对同学们有用! 看一下代码: <%@ page language=java import=java.util.* pageEncoding=UTF-8%> <... -
【微信小程序】使用echarts实现一个界面动态刷新多个柱状图
2021-01-08 12:31:38最近在写微信小程序遇到了图表相关的问题,项目要求是要用柱状图,同时由于数据较多,需要将一组数据用多个图表表示,而且还要实现动态刷新数据。 关于echarts的下载和引入不多加介绍。 效果图 这里只取一部分数据做... -
PHP动态柱状图实现方法.pdf
2020-09-10 06:43:51这篇文章主要介绍了 PHP 动态柱状图实现方法 ,实例分析了 php 结合 HTML 元素实现动 态柱状图的技巧 ,非常具有实用价值 ,需要的朋友可以参考下 本文实例讲述了 PHP 动态柱状图实现方法分享给大家供大家参考具体分析... -
微信小程序demo:基于canvas的动态柱状图
2021-03-15 18:38:37免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。 -
PHP实现动态柱状图改进版
2020-10-24 11:28:49主要介绍了PHP实现动态柱状图改进版,是在前面所述实现柱状图的基础上进行的改进,具有一定参考借鉴价值,需要的朋友可以参考下 -
Android自定义view实现动态柱状图
2021-01-21 19:56:33先看一下动态柱状图效果。 主要功能是可以自定义指定的字体,柱状图颜色,动态效果。 在自定义view public class Histogram extends View { int MAX = 100;//矩形显示的最大值 int corner = 0; //矩形的角度... -
自定义封装Qt柱状图类,实现数据动态更新和鼠标数值显示
2019-12-15 01:26:05自定义封装Qt柱状图类,提供简单数据更新等接口实现柱状图对象的创建、销毁、数据更新和清空等功能,实现数据动态更新和柱状图上鼠标悬停数值显示。 -
achartengine绘制动态柱状图
2017-11-11 21:07:12achartengine绘制动态柱状图,详细注释,,,,,,, -
利用Echarts实现中国地图以及有时间轴的动态柱状图
2016-10-25 11:12:34利用百度Echarts实现按照七大地理区划分的中国地图以及带有时间轴的柱状图。每次选择的选择框时,地图数据会更新,实现界面交互,比如,选择肺癌时,地图上的数据是肺癌数据,地图右边会出现肺癌图片及描述。 -
JFreeChart动态加载柱状图
2017-09-09 22:30:38JFreeChart创建柱状图,之前网上很多都是创建柱状图的,静态的。数据更新之后柱状图随之改变,代码实现详见附件代码。所需要的jar包是jfreechart-1.0.13.jar,gnujaxp.jar,jcommon-1.0.16.jar -
c# 实现动态柱状图
2013-05-03 09:53:32实现柱状图的实时数据显示功能,采用.NET Frame4.0技术,,使用Chart控件实现。 -
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2020-12-13 02:46:07利用ECharts制作一个多柱子柱状图,其中数据源模拟动态获取 2、实现源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-多柱子柱状图</title> ... -
angularjs实现柱状图动态加载的示例
2020-10-18 22:17:06本篇文章主要介绍了angularjs实现柱状图动态加载的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 -
柱状图的Php实现多系列柱状图
2018-12-10 10:37:59柱状图之多系列 php实现的多系列柱状图 多系列 mysql数据库的动态展示 php -
springboot echarts vue 柱状图
2019-01-25 14:15:45SpringBoot提供后台接口,vue作为前台,使用echarts取后台数据展示柱状图 -
微信小程序开发-动态柱状图案例源码.zip
2021-08-15 15:14:10微信小程序开发-动态柱状图案例源码.zip -
echarts前端+Java后端数据=生成柱状图
2021-01-08 16:29:03效果 前端 需注意:需要连接网络才可以使用,因为引入的echarst和vue和... 柱状图 var vm=new Vue({ el:#main, data:{ name:[中国,美国], type:[2,1] }, methods:{ //自定义方法 getB -
Qt绘制柱状图,可以通用
2018-07-05 11:10:34这个程序包实现了使用QT、Qwt进行柱状图的呈现,同时可以使用鼠标拖动和显示柱状图的纵坐标 -
c# 利用EXCEL画 柱状图和饼状图
2021-01-14 21:00:15用c#打开EXCEL中动态生成的柱状图,类 用c#打开EXCEL中动态生成的柱状图,类 用c#打开EXCEL中动态生成的柱状图,类 用c#打开EXCEL中动态生成的柱状图,类 -
CSS3 3D柱形图柱状图动画
2021-05-01 15:53:31CSS3 3D柱形图柱状图动画,纯CSS3代码,DIV+CSS布局,多个3D柱状图从低到高排列。 -
声效动态的柱状图变化
2021-04-02 22:07:45这是一款实现了可以根据音乐的频率,或者声音的大小声效动态实现的的柱状图变化,该效果特效经常使用在音乐播放器时,也是我们经常使用到的一种特效,值得学习和借鉴。