刷爆全网的动态条形图，原来5行Python代码就能实现！

末蓝、 2022-11-18 01:20 230阅读 0赞

击上方“**Python爬虫与数据挖掘**”，进行关注

回复“**书籍**”即可获赠Python从入门到进阶共10本电子书

今

日

鸡

汤

千载琵琶作胡语，分明怨恨曲中论。

说起动态图表，最火的莫过于动态条形图了。

在B站上搜索「**数据可视化**」这个关键词，可以看到很多与动态条形图相关的视频。

好多视频都达到了上百万的播放量，属实厉害。

![17eb8ff8cbcd80f507f1dff1d8e12587.png][]

目前网上实现动态条形图现成的工具也很多。

比如数可视的「**花火hanabi**」，嫡数的「**镝数图表**」，以及国外网站「**Flourish**」。

但是作为一名Pythoner，当然是想要研究一下如何用Python来实现。

之前也看过大佬们通过**Matplotlib**、**Plotly**、**Pyecharts**实现类似的功能，就是代码量有点多，看的脑瓜疼。

所以小F最近发现到了一个库「**Bar Chart Race**」，堪称Python界最强的动态可视化包。

GitHub地址：

*https://github.com/dexplo/bar\_chart\_race*

文档地址：*https://www.dexplo.org/bar\_chart\_race/*

目前主要有0.1和0.2两个版本，0.2版本添加**动态曲线图**以及**Plotly实现的动态条形图**。

库是挺好的，就是在安装上有点问题。

在PyCharm的Project Interpreter上只能安装到0.1版本，功能不太全。

![a95cf6c0ce6da853749cd46e4303dd34.png][]

通过pip install bar\_chart\_race也只能到0.1版本。

![fd904614255ddacdb66ac9fa96ef6380.png][]

最后小F选择**将项目从GitHub上下载下来****，再进行安装**。

![3fe9127d16ad35583de3c668e857979b.png][]

下载压缩包，将解压后的文件夹放置在项目的venv/lib/python3.7/site-packages目录下。

在虚拟环境下打开文件夹，命令行运行如下命令完成安装。

cd 你的项目地址/venv/lib/python3.7/site-packages/bar_chart_race-master
    python setup.py install
    
    # 提示成功安装
    # Finished processing dependencies for bar-chart-race==0.2.0

好了，安装成功后就可以引入这个第三方库。

import bar_chart_race as bcr
    
    # 如果出现SSL错误,则全局取消证书验证
    # import ssl
    # ssl._create_default_https_context = ssl._create_unverified_context
    
    # 获取数据
    df = bcr.load_dataset('covid19_tutorial')
    # print(df)
    
    # 生成GIF图像
    bcr.bar_chart_race(df, 'covid19_horiz.gif')

生成了一个GIF图，具体如下。

![4bf676434cc640a1e630fbbbe2c6edfc.gif][]

**3行代码Python代码**就实现了，对大佬封装好的库表示膜拜～

这里因为作者封装好了数据处理模块，只需要3行代码即可。

对于我们而言，**是需要加载自己的数据，自己进行处理**，所以多了那么2行。

示例里的数据直接使用作者提供的，在data文件夹下的covid19\_tutorial.csv文件(**GitHub上有**)。

![7641e2bf3ff19adc67923caae9aab915.png][]

经过其封装好的数据处理函数，得到最终的数据。

![b6c571418a17d1ec979ebda8e43285a3.png][]

另外作者还提供了很多配置参数，供大家选择。

**01 动态条形图变动态柱状图**

# orientation='v',生成柱状图
    bcr.bar_chart_race(df, 'covid19_horiz.gif', orientation='v')

![3ea06dbeb5605210296cf0bb92f93588.gif][]

**02 排序方式，默认为降序(desc)**

# 设置排序方式,asc-升序
    bcr.bar_chart_race(df, 'covid19_horiz.gif', sort='asc')

![e38542c8ca19e9885d608b703d46a99c.gif][]

**03 条目数限制，此处设置为最多出现6条**

# 设置最多能显示的条目数,6条
    bcr.bar_chart_race(df, 'covid19_horiz.gif', n_bars=6)

![139c279504e2a2dc4f60515aea3b6581.gif][]

**04 设置固定类目**

# 选取如下5个国家的数据
    bcr.bar_chart_race(df, 'covid19_horiz.gif', fixed_order=['Iran', 'USA', 'Italy', 'Spain', 'Belgium'])

![179959f07cb2d7ea95faf4f053d3af36.gif][]

**05 固定数值轴，使其不发生动态变化**

# 设置数值的最大值，固定数值轴
    bcr.bar_chart_race(df, 'covid19_horiz.gif', fixed_max=True)

![6bca61165ac27a0157cdd5a10833e1d8.gif][]

**06 图像帧数，默认10帧，此处设置为3帧，可以发现图像明显变得有些卡顿**

# 图像帧数。数值越小，越不流畅。越大，越流畅。
    bcr.bar_chart_race(df, 'covid19_horiz.gif', steps_per_period=3)

![1d61dd75fef867a566ea66bf2e2f2a73.gif][]

**07 设置帧率，单位时间默认为500ms**

# 设置20帧的总时间，此处为200ms
    bcr.bar_chart_race(df, 'covid19_horiz.gif', steps_per_period=20, period_length=200)

![294e5463e2b51cb755b6304bc9ef2356.gif][]

**08 设置每帧增加的标签时间，默认为False**

# 输出MP4
    bcr.bar_chart_race(df, 'covid19_horiz.mp4', interpolate_period=True)

![77b6d3735f1adae42a7490c2a273f716.gif][]

**09 绘图属性设置**

# figsize-设置画布大小，默认(6, 3.5)
    # dpi-图像分辨率，默认144
    # label_bars-显示柱状图的数值信息，默认为True
    # period_label-显示时间标签信息，默认为True
    # title-图表标题
    bcr.bar_chart_race(df, 'covid19_horiz.gif', figsize=(5, 3), dpi=100, label_bars=False,
                       period_label={'x': .99, 'y': .1, 'ha': 'right', 'color': 'red'},
                       title='COVID-19 Deaths by Country')

![a049dd4c9bb9e69b8989665c3c1fe4b2.gif][]

**10 配置标签文字大小**

# bar_label_size-柱状图标签文字大小
    # tick_label_size-坐标轴标签文字大小
    # title_size-标题标签文字大小
    bcr.bar_chart_race(df, 'covid19_horiz.gif', bar_label_size=4, tick_label_size=5,
                                     title='COVID-19 Deaths by Country', title_size='smaller')

![5315ebc1c1632e50e5e761dfe01ea64a.gif][]

**11 全局文字属性**

# shared_fontdict-全局字体属性
    bcr.bar_chart_race(df, 'covid19_horiz.gif', title='COVID-19 Deaths by Country',
                                     shared_fontdict={'family': 'Helvetica', 'weight': 'bold',
                                                                  'color': 'rebeccapurple'})

![8bb3194795ba1ebc0c6dfbd25eb9a916.gif][]

**12 条形图属性，可以设置透明度，边框等**

# bar_kwargs-条形图属性
    bcr.bar_chart_race(df, 'covid19_horiz.gif', bar_kwargs={'alpha': .2, 'ec': 'black', 'lw': 3})

![522ab14527ac03958b1e810e77938e09.gif][]

**13 设置日期标签的时间格式**

# 设置日期格式，默认为'%Y-%m-%d'
    bcr.bar_chart_race(df, 'covid19_horiz.gif', period_fmt='%b %-d, %Y')

![1b9b4613414a1b7b89a7ea99617e10d8.gif][]

**14 更改日期标签为数值**

# 设置日期标签为数值
    bcr.bar_chart_race(df.reset_index(drop=True), 'covid19_horiz.gif', interpolate_period=True, 
                                     period_fmt='Index value - {x:.2f}')

![392583af651abc57db5a997089291653.gif][]

**15 添加动态文本，此处为数值总数统计**

# 设置文本位置、数值、大小、颜色等
    def summary(values, ranks):
        total_deaths = int(round(values.sum(), -2))
        s = f'Total Deaths - {total_deaths:,.0f}'
        return {'x': .99, 'y': .05, 's': s, 'ha': 'right', 'size': 8}
    # 添加文本
    bcr.bar_chart_race(df, 'covid19_horiz.gif', period_summary_func=summary)

![5e8139d89c962601168a433560d793a6.gif][]

**16 添加垂直条，可选类型有平均值、分位数等**

# 设置垂直条数值，分位数
    def func(values, ranks):
        return values.quantile(.9)
    # 添加垂直条
    bcr.bar_chart_race(df, 'covid19_horiz.gif', perpendicular_bar_func=func)

![be0edd81f8e5b31daeb08c3cd643dc74.gif][]

**17 设置柱状图颜色，默认为dark24**

# 设置柱状图颜色
    bcr.bar_chart_race(df, 'covid19_horiz.gif', cmap='accent')

![b4af6f8a780d4b8476b1eb085397fbb5.gif][]

**18 柱状图颜色不重复，上面这个图是有重复颜色的**

# 去除重复颜色
    bcr.bar_chart_race(df, 'covid19_horiz.gif', cmap='accent', filter_column_colors=True)

![8402802af98a49032861f3c7739d90a5.gif][]

这里有一些要注意的地方，比如**中文配置**，以及自定义**颜色配置**。

中文配置只需在第三方库的「**\_make\_chart.py**」文件中，加入如下三行代码。

#中文显示
    plt.rcParams['font.sans-serif'] = ['SimHei']  #Windows
    plt.rcParams['font.sans-serif'] = ['Hiragino Sans GB'] #Mac
    plt.rcParams['axes.unicode_minus'] = False

现在在图表中加入中文，来看看结果。

import bar_chart_race as bcr
    import pandas as pd
    
    # 读取数据
    df = pd.read_csv('yuhuanshui.csv', encoding='utf-8', header=0, names=['name', 'number', 'day'])
    # 处理数据
    df_result = pd.pivot_table(df, values='number', index=['day'], columns=['name'], fill_value=0)
    # print(df_result)
    
    # 生成图像
    bcr.bar_chart_race(df_result, 'heat.gif', title='我是余欢水演职人员热度排行')

![fda726609ce01bd4db82077a52db83d8.gif][]

使用电视剧余欢水人物的「**百度指数**」数据。

文件具体内容如下。

![a9ee725ac690b269f2115b30bad5cce4.png][]

经过**数据透视表**处理后，得到与该库格式相同的数据。

![03cd3b7f53c079d2f5af981a50f9ca32.png][]

想用自己的数据来做动态条形图，**5行代码****即可搞定**。

此外通过在「**\_colormaps.py**」文件中添加颜色信息，经**cmap**引用，即可自定义配置颜色。

colormaps = 
    {
        "new_colors": [
            '#ff812c',
            '#ff5a5a',
            '#00c5d2',
            '#a64dff',
            '#4e70f0',
            '#f95dba',
            '#ffce2b'
        ]
    }

使用一波，看会不会变得好看一些。

# 使用自定义的颜色列表
    bcr.bar_chart_race(df_result, 'heat.gif', title='我是余欢水演职人员热度排行', cmap='new_colors')

![70c0b2fb5aaefdd642a8c56cae9cf95f.gif][]

果然，看起来还不错～

还有一些细节上的参数，大家可通过查看库的源码，来了解一二。

![1c59e7a6d2406af617a32ff15e01832f.png][]

使用到的CSV文件及相关安装包我**已上传公众号**，回复「**条形图**」即可获取。

**---\--\---\---\---\--\---** End **---\--\---\--\---\---\--\-**

往期精彩文章推荐：

*  ## [使用Scrapy网络爬虫框架小试牛刀][Scrapy] ##
 *  ## [一篇文章教会你使用Python下载抖音无水印视频][Python] ##
 *  ## [手把手教你用Python打造一款属于你自己的个性二维码][Python 1]    ##

![7a7a88445938eb016a6b2fa462013320.png][]

欢迎大家**点赞，****留言，****转发，转载，**感谢大家的相伴与支持

想加入Python学习群请在后台回复【**入群**】

万水千山总是情，点个【**在看**】行不行

**/今日留言主题/**

随便说一两句吧~~

[17eb8ff8cbcd80f507f1dff1d8e12587.png]: /images/20221022/f9a4f6abaf544fc785572d740c09d4a9.png
[a95cf6c0ce6da853749cd46e4303dd34.png]: /images/20221022/1a0759b4e20c40a7bb07d106862d32bd.png
[fd904614255ddacdb66ac9fa96ef6380.png]: /images/20221022/c844b259e0ac4d77b3f3cdb80de3e0e2.png
[3fe9127d16ad35583de3c668e857979b.png]: /images/20221022/cb7a97d3efb94c468b92b613d519c92d.png
[4bf676434cc640a1e630fbbbe2c6edfc.gif]: /images/20221022/6e2bacdea181400a92b0e586fc1ce6c7.png
[7641e2bf3ff19adc67923caae9aab915.png]: /images/20221022/f892f5b1c1cd430aa9a7b27f945ce52e.png
[b6c571418a17d1ec979ebda8e43285a3.png]: /images/20221022/83663aafeb224eff9c62ba0d77916021.png
[3ea06dbeb5605210296cf0bb92f93588.gif]: /images/20221022/43ea68fdc0ca4e8c98358bb70ce52588.png
[e38542c8ca19e9885d608b703d46a99c.gif]: /images/20221022/18e03d4da0114fa399f601ebfd421f5b.png
[139c279504e2a2dc4f60515aea3b6581.gif]: /images/20221022/3863b1e392414f188c24c24215fcccf7.png
[179959f07cb2d7ea95faf4f053d3af36.gif]: /images/20221022/c4f5a3f4f3c0451387bc4581fb2e5cd1.png
[6bca61165ac27a0157cdd5a10833e1d8.gif]: /images/20221022/df7c7a4e8c454bd183674820817527d7.png
[1d61dd75fef867a566ea66bf2e2f2a73.gif]: /images/20221022/7e70a023087043e8be8a647bd95de606.png
[294e5463e2b51cb755b6304bc9ef2356.gif]: /images/20221022/610af2b4ec0b4f23bbf82ca1d030d86c.png
[77b6d3735f1adae42a7490c2a273f716.gif]: /images/20221022/f42284a67c5a4cfc81ee5021e9d2bb33.png
[a049dd4c9bb9e69b8989665c3c1fe4b2.gif]: /images/20221022/765014a0c2724f3584d46ba7f44d26f7.png
[5315ebc1c1632e50e5e761dfe01ea64a.gif]: /images/20221022/733d4f5a331a4d8ea5be667df81bcf69.png
[8bb3194795ba1ebc0c6dfbd25eb9a916.gif]: /images/20221022/ed7e0a0e9b4541f59eca56dd8e7210a2.png
[522ab14527ac03958b1e810e77938e09.gif]: /images/20221022/f656817d59de4752be667d356142421e.png
[1b9b4613414a1b7b89a7ea99617e10d8.gif]: /images/20221022/2238306d5a7b42c295829b9e7ec873da.png
[392583af651abc57db5a997089291653.gif]: /images/20221022/0ad4fec54ac744aa9ea85bc11f33b9b7.png
[5e8139d89c962601168a433560d793a6.gif]: /images/20221022/f3377fafc9e74c1a8dbcedbc066ef341.png
[be0edd81f8e5b31daeb08c3cd643dc74.gif]: /images/20221022/a086177a5277452c9b47be88fb908d3c.png
[b4af6f8a780d4b8476b1eb085397fbb5.gif]: /images/20221022/3868c0a1b18a474f9063e598e69c2a37.png
[8402802af98a49032861f3c7739d90a5.gif]: /images/20221022/422275c5220c4ff994d1e79bb57affe6.png
[fda726609ce01bd4db82077a52db83d8.gif]: /images/20221022/bf0c92f8758946be8d98d1ded19bf8f9.png
[a9ee725ac690b269f2115b30bad5cce4.png]: /images/20221022/e3126abb0d9a4e6483fb6475490b0d33.png
[03cd3b7f53c079d2f5af981a50f9ca32.png]: /images/20221022/d52a520f35704b5dad444ea14faa8daf.png
[70c0b2fb5aaefdd642a8c56cae9cf95f.gif]: /images/20221022/8e791b30395f40538649391e9c4bd7b9.png
[1c59e7a6d2406af617a32ff15e01832f.png]: /images/20221022/f038b916f6324928a3dcf028eaf770c8.png
[Scrapy]: http://mp.weixin.qq.com/s?__biz=MzU3MzQxMjE2NA%3D%3D&chksm=fcc0a420cbb72d3628ac585c84fc90b96c6ecac1ac9cfad631c2bfaaa47ee65689c57ea21c86&idx=1&mid=2247492107&scene=21&sn=71da625bf6457b39d9d3d949bd6e2fc1#wechat_redirect
[Python]: http://mp.weixin.qq.com/s?__biz=MzU3MzQxMjE2NA%3D%3D&chksm=fcc0a7accbb72eba14ab8987ba8bb17f965ad7b9e9bd1affebaf0edcfe36f7cfe0c3d3158e08&idx=1&mid=2247491975&scene=21&sn=a8f6803f3b1bdb3f22933623e709c176#wechat_redirect
[Python 1]: http://mp.weixin.qq.com/s?__biz=MzU3MzQxMjE2NA%3D%3D&chksm=fcc3595ccbb4d04a47709c878f5f48d590ae3b0c8c06530944fec0f8e113b04a368d22c2550e&idx=1&mid=2247491447&scene=21&sn=007aa46f8f5e223e8a893070481bb704#wechat_redirect
[7a7a88445938eb016a6b2fa462013320.png]: /images/20221022/57609d00d756470888aae9e3839c6f39.png