VSCode怎么在Jupyter Notebook中显示Matplotlib交互式图表-VSCode-PHP中文网

%matplotlib widget比inline更适合交互式图表，因其启用基于web的ipympl后端，支持缩放、平移、悬停坐标及点击事件；而inline仅输出静态png/svg，无交互能力。

vscode怎么在jupyter notebook中显示matplotlib交互式图表

%matplotlib widget 为什么比 inline 更适合交互式图表

因为 %matplotlib widget 启用的是基于 Web 的交互后端（jupyter-widgets），支持缩放、平移、悬停显示坐标、点击事件等，而 %matplotlib inline 只输出静态 PNG/SVG，无法响应用户操作。

但这个后端不是默认启用的，需手动安装并配置：

运行 pip install ipympl（注意不是 matplotlib 本身）
执行 jupyter nbextension install --py --sys-prefix ipympl（旧版 Jupyter）或跳过（新版 VSCode Notebook 通常自动处理）
在 Notebook 第一个单元格顶部运行 %matplotlib widget —— 必须在任何 import matplotlib.pyplot as plt 之前
重启内核（右上角「Restart Kernel」），否则会报错 ModuleNotFoundError: No module named 'ipympl' 或图像区域空白

如果已装好但图表仍不响应鼠标，检查是否误用了 plt.show()：在 widget 模式下，plt.show() 不仅多余，还可能触发双渲染或阻塞交互；应直接删掉。

VSCode 中 widget 图表不加载的常见错误现象

典型表现是：单元格执行完没报错，但只显示空框、<figure size ...></figure> 文本，或控制台输出 Failed to load widget。

未启用对应内核扩展：VSCode Notebook 依赖 ipykernel，但 ipympl 是独立包，漏装就会静默失败
Python 解释器选错：你在 VSCode 里选的是 base 环境，但 ipympl 装在 conda env 中 —— 按 Ctrl+Shift+P → Python: Select Interpreter 重新确认
远程 SSH 场景下，服务器未安装 nodejs（ipympl 前端依赖）：在远程终端运行 node --version 验证；若无，需 apt install nodejs（Ubuntu）或 brew install node（macOS）
VSCode 版本太老（

如何验证 widget 是否真正生效

别只看图出来了，要测交互性。在单元格中运行以下代码：

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

%matplotlib widget
import matplotlib.pyplot as plt
import numpy as np
<p>x = np.linspace(0, 10, 100)
y = np.sin(x)
plt.plot(x, y)
plt.title("Drag me, zoom with mouse wheel")
plt.grid(True)</p><h1>不加 plt.show()</h1><p></p>

执行后，图像下方应出现工具栏（放大镜、十字光标、重置等图标）。把鼠标悬停在线上，应实时显示坐标值；拖拽画布，图形应跟随移动。如果这些都没反应，说明后端没切成功，回退检查 ipympl 安装和内核重启步骤。