使用FuncAnimation生成指定点动画曲线无显示且坐标变动如何解决？

问题原因 #

你遇到的两个问题根源如下：

1. 未提前固定坐标轴范围，且每次绘制新帧时没有清空上一帧内容、也没有复用绘图对象，导致坐标轴随当前帧的最大最小值动态变动，且绘制的线条/散点会不断叠加。
2. 没有指定FuncAnimation的帧总数，且未处理position长度远小于trajectory的场景，索引超出position长度时会触发异常，导致动画无法正常渲染。

修复后完整代码 #

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

# 替换为你自己的原始数据
point_list = [[2.5,2], [4,3.5], [2,6]] # 示例全量轨迹数据
sampled_all_points = [(3,5),(6,7)] # 示例采样点数据

if __name__ == "__main__":
    trajectory = point_list
    position = np.array(sampled_all_points)
    traj_len = len(trajectory)
    pos_len = len(position)

    # 初始化画布
    fig, ax = plt.subplots()
    # 提前计算全局坐标范围，固定坐标轴避免跳动
    all_x = [p[0] for p in trajectory]
    all_y = [p[1] for p in trajectory]
    ax.set_xlim(min(all_x)-0.5, max(all_x)+0.5)
    ax.set_ylim(min(all_y)-0.5, max(all_y)+0.5)

    # 初始化绘图对象，后续仅更新数据不重复创建
    line, = ax.plot([], [], label='完整轨迹')
    scatter = ax.scatter([], [], c='red', label='采样点')
    ax.legend()

    def plot_gesture(i):
        # 更新轨迹线数据
        X = [x[0] for x in trajectory[:i+1]]
        Y = [x[1] for x in trajectory[:i+1]]
        line.set_data(X, Y)

        # 更新采样点数据，不超过position的最大长度避免索引越界
        current_pos_num = min(i+1, pos_len)
        X_point = position[:current_pos_num, 0]
        Y_point = position[:current_pos_num, 1]
        scatter.set_offsets(np.c_[X_point, Y_point])

        return line, scatter

    ani = animation.FuncAnimation(
        fig=fig,
        func=plot_gesture,
        frames=traj_len,
        interval=20,
        blit=True,
        repeat=False # 需要循环播放可改为True
    )
    plt.show()
    # 如需保存动画可取消注释下行：
    # ani.save('trajectory.gif', writer='pillow')

注意事项 #

• 代码提前固定了全局坐标轴范围，不会再出现坐标持续变动的问题
• 每一帧仅更新已有绘图对象的数据，避免内容叠加，渲染效率更高
• 兼容position长度更短的场景，不会出现索引越界问题
• 如果运行时出现渲染异常，可将blit参数改为False即可正常运行

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