【数据可视化】绘制一个具有动画效果的图表

 要求： 

（1）    绘制一条正弦曲线；
（2）    绘制一个红色圆点，该圆点最初位于正弦曲线的左端；
（3）    制作一个圆点沿曲线运动的动画，并时刻显示圆点的坐标位置。

FuncAnimation类的介绍：

语法格式：

        FuncAnimation(fig, func, frames=None, init_func=None, fargs=None,
                      save_count=None, *,cache_frame_data=True, **kwargs)

常用参数的含义：       

fig ：表示动画所在的画布。

func ：表示每帧动画调用的函数。

frames ：表示动画的长度（一次动画包含的帧数）。

init_func ：表示用于开始绘制帧的函数，它会在第一帧动画之前调用一次。若未设置该参数，则程序将使用frames序列中第一项的绘图效果。

fargs ：表示传递给func函数的其他参数。

interval ：表示更新动画的频率，以毫秒为单位，默认为200.

blit ：表示是否更新所有的点，默认为False。官方推荐将blit参数设为True，但建议macOS的用户将blit参数设为False，否则将无法显示动画。

然后，启动Jupyter Notebook! 

导入必要模块：

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

设置中文黑体:

plt.rcParams["font.sans-serif"] = ["SimHei"]
plt.rcParams["axes.unicode_minus"] = False

准备正弦曲线数据:

x = np.linspace(0,2*np.pi, 100)
y = np.sin(x)

创建画布和坐标系:

fig = plt.figure(tight_layout=True)
ax = fig.add_subplot(111)

绘制正弦曲线:

ax.plot(x,y)

创建一个红色圆点：

yyy,= ax.plot([],[], 'ro')

创建文本显示红色圆点的坐标:

uuu = ax.text(4,0.9,'', fontsize=15)

更新函数：

        用于更新圆点的位置

def ooo(i):
    yyy.set_data([x[i]], [y[i]])   #更新点的位置
    uuu.set_text("x=%.3f, y=%.3f"%(x[i],y[i]))    #更新点的坐标
    return yyy,uuu

创建动画：

        frames=正弦曲线的长度，更新频率为50

ani = animation.FuncAnimation(fig, ooo, frames=len(x), interval=50, blit=True)

将动画保存为gif图片：

        文件名称为 pratice7.3

ani.save("pratice7.3.gif", writer = 'pillow')

展示图表：

plt.show()

整体代码如下：

%matplotlib notebook 
import numpy as np
import matplotlib.pyplot as plt
import matplotlib.animation as animation
 
# 0.设置中文黑体
plt.rcParams["font.sans-serif"] = ["SimHei"]
plt.rcParams["axes.unicode_minus"] = False
 
#1.准备正弦曲线数据
x = np.linspace(0,2*np.pi, 100)
y = np.sin(x)
 
#2.创建画布和坐标系
fig = plt.figure(tight_layout=True)
ax = fig.add_subplot(111)
 
#3.绘制正弦曲线
ax.plot(x,y)
 
#4.动画设计

# 创建一个红色圆点
yyy,= ax.plot([],[], 'ro')
#创建文本显示红色圆点的坐标
uuu = ax.text(4,0.9,'', fontsize=15)
# 更新函数，用于更新圆点的位置
def ooo(i):
    yyy.set_data([x[i]], [y[i]])   #更新点的位置
    uuu.set_text("x=%.3f, y=%.3f"%(x[i],y[i]))    #更新点的坐标
    return yyy,uuu
 
# 创建动画（frames=正弦曲线的长度，更新频率为50）
ani = animation.FuncAnimation(fig, ooo, frames=len(x), interval=50, blit=True)

 
#5.将动画保存为gif图片
ani.save("pratice7.3.gif", writer = 'pillow')
 
#6.展示图表
plt.show()

运行结果图