如何让ipywidgets事件交互绘图像interact一样更新而非重复生成

这个问题我之前也碰到过，核心原因是你每次调用myplot的时候都会新建一个fig和ax对象，所以每次滑块变化都会生成一张全新的图表，而不是更新已有图表。要实现和widgets.interact()一样的效果，我们只需要复用同一个绘图容器就行，具体调整如下：

核心思路 #

• 提前初始化好固定的fig和ax对象，作为后续绘图的容器
• 修改绘图函数，不再每次创建新图表，而是清除已有轴内容后重新绘图
• 调整回调逻辑，确保滑块值变化时更新已有图表而非生成新图

完整代码示例 #

%matplotlib inline
import numpy as np
import matplotlib.pyplot as plt
import ipywidgets as widgets

# 提前创建好图表容器，后续一直复用这组对象
fig, ax = plt.subplots(nrows=1, ncols=1)
# 绘制初始图表，避免界面一开始是空的
x_initial = np.linspace(-5, 5, 30)
ax.plot(x_initial, x_initial**2)
ax.set_xlabel('x')
ax.set_ylabel('y')

def myplot(n):
    x = np.linspace(-5, 5, 30)
    y = x**n
    # 清除当前轴的所有内容，保留容器
    ax.clear()
    # 重新绘制新的曲线
    ax.plot(x, y)
    ax.set_xlabel('x')
    ax.set_ylabel('y')
    # 刷新图表显示，确保更新能实时展示
    fig.canvas.draw_idle()

n_widget = widgets.IntSlider(
    value=2, min=0, max=5)
def on_value_change(change):
    # 直接使用变化后的新值，不需要再取widget的value
    myplot(n=change['new'])
# 指定只监听value属性的变化，避免不必要的回调触发
n_widget.observe(on_value_change, names='value')
display(n_widget)

关键细节解释 #

• widgets.interact()之所以能自动更新图表，是因为它内部帮你封装了图表复用的逻辑；而手动使用observe时需要自己处理这部分。
• ax.clear()会清除轴内的所有绘图元素，但保留轴本身和图表容器，这样就不会每次生成新的图表区域。
• fig.canvas.draw_idle()是用来触发图表的刷新，确保新绘制的内容能立刻显示出来，这一步在你使用的matplotlib 2.1.1版本里很关键。

你的环境版本（ipywidgets 7.1.0、matplotlib 2.1.1等）完全兼容这段代码，不需要额外升级依赖。

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