Jupyter Notebook中IntSlider值变化时更新多个imshow图失败排查

存在的问题 #

• observe方法语法错误：slider.observe(update 'value')缺少逗号，正确写法需用逗号分隔回调函数与监听属性，否则无法绑定滑块的value变化事件。
• 随机种子硬编码：plot_image函数内固定写死np.random.seed(0)，未使用传入的seed参数，导致ax2的图像不会随滑块值变化。
• Matplotlib后端不支持动态更新：Jupyter默认的inline后端是静态渲染，调用plt.show()后画布无法响应后续更新，需切换到交互式后端。
• 未清除轴内容：每次调用imshow会在原有图像上叠加新图，可能导致显示异常。

修正后的完整代码 #

# 切换到支持交互更新的后端
%matplotlib widget

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

def plot_image(ax, seed=0):
    ax.clear()  # 清除轴内容，避免绘图重叠
    np.random.seed(seed)  # 使用传入的seed参数生成对应随机数据
    data2plot = np.random.rand(5,5)
    img = ax.imshow(data2plot)

fig = plt.figure(figsize=(12,6))
ax1 = fig.add_subplot(1,2,1)
ax2 = fig.add_subplot(1,2,2)

plot_image(ax1)
plot_image(ax2)

slider = widgets.IntSlider(value=0, min=0, max=100, step=1)

def update(change):
    plot_image(ax1, seed=0)
    plot_image(ax2, seed=change.new)
    fig.canvas.draw_idle()  # 高效触发画布更新

# 修正observe方法的语法
slider.observe(update, names='value')
slider

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