在Jupyter Notebook中基于两个2D NumPy数组制作动画折线图

我之前帮不少人解决过Jupyter里的动画问题，你遇到的情况大概率是没选对交互式渲染后端，或者没正确设置动画的更新逻辑。下面给你一套完整的可运行方案，一步步来：

1. 先设置Jupyter的交互式绘图后端 #

这是关键！默认的%matplotlib inline只能显示静态图，没法播放动画。在Notebook的第一个单元格里运行：

%matplotlib notebook
# 如果你用Jupyter Lab，推荐用%matplotlib ipympl（需要先pip install ipympl）

2. 导入所需库 #

import numpy as np
import matplotlib.pyplot as plt
from matplotlib.animation import FuncAnimation

3. 准备/替换你的数据 #

这里我先模拟一组示例数据（你直接替换成自己的x和y数组就行）：

# 示例：10帧数据，每帧包含20个坐标点
num_frames = 10
num_points_per_frame = 20

# x数组：每一行对应一帧的x坐标
x = np.tile(np.arange(num_points_per_frame), (num_frames, 1))
# y数组：每一行对应一帧的y坐标（用随帧变化的正弦曲线模拟动态数据）
y = np.sin(x/3 + np.linspace(0, 2*np.pi, num_frames)[:, np.newaxis])

4. 初始化绘图框架 #

提前设置好轴范围可以避免动画播放时画面跳变：

fig, ax = plt.subplots(figsize=(8, 4))
# 固定轴范围（根据你的数据调整最小值和最大值）
ax.set_xlim(x.min(), x.max())
ax.set_ylim(y.min()-0.2, y.max()+0.2)
ax.set_xlabel('X Values')
ax.set_ylabel('Y Values')
ax.set_title('Frame-by-Frame Line Animation')

# 初始化一条空折线，后续动画会更新它的数据
line, = ax.plot([], [], 'b-', linewidth=2)

5. 定义帧更新函数 #

这个函数会被动画引擎调用，负责把每帧的新数据更新到折线上：

def update(frame):
    # 获取当前帧对应的x、y行数据
    current_x = x[frame, :]
    current_y = y[frame, :]
    # 更新折线的坐标数据
    line.set_data(current_x, current_y)
    # 必须返回需要刷新的绘图对象，动画才会生效
    return line,

6. 创建并播放动画 #

ani = FuncAnimation(
    fig,                # 绑定的画布
    update,             # 帧更新函数
    frames=num_frames,  # 总帧数（对应数组的行数）
    interval=200,       # 每帧间隔毫秒（值越小动画越快）
    repeat=True,        # 是否循环播放
    blit=True           # 开启画面优化，让动画更流畅
)

# 在Jupyter中显示动画
plt.show()

一些常见坑的提示： #

• 如果Jupyter Lab里动画不显示，先安装ipympl扩展：pip install ipympl，然后重启Lab。
• 如果你自己的数组每行长度不一致，建议提前统一调整，或者在update函数里动态修改轴范围（但会导致画面跳动）。
• 要是动画卡顿，把interval调大一点，或者减少每帧的点数。

内容的提问来源于stack exchange，提问作者Oo7