pyecharts gif

### 如何使用 pyecharts 生成或导出 GIF 动态图表

pyecharts 是一个强大的 Python 库，专注于创建动态和交互式的可视化图表。要将这些动态图表转换成 GIF 文件以便于分享和展示，可以采用如下方法：

#### 方法一：通过录制 HTML 输出为 GIF
由于 pyecharts 默认会生成 HTML 文件来显示动画效果，可以通过浏览器打开此文件并利用屏幕录制工具捕捉整个过程，之后再把视频转码成为 GIF。

这种方法虽然简单易行但是质量可能无法达到最佳，并且对于精确控制帧率有一定难度[^1]。

from pyecharts.charts import Map
from pyecharts import options as opts

# 构建地图实例
map_chart = (
    Map()
    .add(
        "确诊人数",
        [("广东", 10), ("北京", 20)],
        "china"
    )
    .set_global_opts(title_opts=opts.TitleOpts(title="中国疫情分布"))
)

# 将图表渲染为HTML文件
map_chart.render('covid_map.html')

#### 方法二：借助第三方库实现自动化流程
更推荐的方式是结合 `imageio` 和 `selenium` 来自动完成从网页抓取图像序列再到合成GIF的过程。这需要用到额外安装的依赖包如 `snapshot-selenium` 或者其他支持 headless 浏览器模式的操作接口[^3]。

具体步骤如下所示：

1. 安装必要的扩展模块；
2. 编写脚本依次截屏不同时间点的画面；
3. 利用 imageio 组合多张截图形成连续播放的效果；

下面给出一段简单的例子说明如何操作：

import os
import time
import imageio.v2 as imageio
from pyecharts.render import make_snapshot
from pyecharts.snapshot.selenium import snapshot
from pyecharts.charts import Bar, Line


def create_gif_from_html(file_name_prefix='temp', gif_output_path='./output.gif'):
    images = []
    
    # 设置临时存储路径以及最终输出位置
    temp_dir = './frames'
    if not os.path.exists(temp_dir):
        os.makedirs(temp_dir)
        
    chart = (
        Bar(init_opts=opts.InitOpts(width='800px', height='400px'))
        .add_xaxis(['A', 'B'])
        .add_yaxis('', [randint(1, 9) * 10 for _ in range(2)])
        .render(f'{file_name_prefix}.html')  # 渲染初始状态
        
    )

    driver_options = {'chromeOptions': {'args': ['--headless']}}
    with open(gif_output_path, mode='wb') as f:
        frames_count = 5  # 控制总帧数
        delay_seconds_between_frames = 0.5  # 调整相邻两帧之间的时间间隔
    
        for i in range(frames_count):
            file_path = os.path.join(temp_dir, '{}_{:0>2d}.png'.format(file_name_prefix, i))
            
            # 更新数据源重新渲染页面
            new_data = [{'name': chr(ord('A')+i%len(['A','B'])), 'value': randint(1, 9)*10}]
            bar = (Bar().load_javascript())
            update_js_code = """
                var myChart = echarts.init(document.getElementById('{chart_id}'));
                option = {option};
                myChart.setOption(option);
            """.replace("{chart_id}", str(bar.chart_id)).replace("{option}", repr({'series':[{'data':new_data}]})[1:-1])
                
            html_content = '<script type="text/javascript">' + update_js_code + '</script>'
            with open(f"{file_name_prefix}.html", encoding='utf-8', mode='a+') as fp:
                fp.write(html_content)
                
            # 抓取当前时刻画面存档
            make_snapshot(snapshot, f"{file_name_prefix}.html", file_path, **driver_options)
            images.append(imageio.imread(file_path))

            time.sleep(delay_seconds_between_frames)
        
        kargs = {'duration':delay_seconds_between_frames}
        imageio.mimsave(f,images,**kargs)


create_gif_from_html()  # 执行函数调用

上述代码片段展示了怎样基于给定的数据集构建柱状图，并将其变化情况记录下来制成 GIF 动画。需要注意的是实际应用时应当根据需求调整参数配置以获得满意的结果。