如何在Jupyter Notebook用ipywidgets捕获Matplotlib鼠标点击坐标

解决方案代码 #

from ipywidgets import Output, Button, VBox
import matplotlib.pyplot as plt
import numpy as np

# 存储捕获的坐标
captured_coords = []

# 使用对象式API创建绘图实例，避免全局状态冲突
fig, ax = plt.subplots(figsize=(6, 4))
ax.plot([0, 1], [0, 1], label='初始曲线')
ax.legend()
ax.set_xlabel('X轴')
ax.set_ylabel('Y轴')

def handle_click(event):
    # 仅响应绘图区域内的点击
    if event.inaxes == ax:
        x, y = event.xdata, event.ydata
        # 保留4位小数并存储坐标
        captured_coords.append((round(x, 4), round(y, 4)))
        # 添加红色标记点
        ax.plot(x, y, 'ro', markersize=6)
        # 更新绘图状态
        fig.canvas.draw()
        # 在Output控件中刷新显示
        with out:
            out.clear_output(wait=True)
            display(fig)

# 绑定鼠标点击事件
fig.canvas.mpl_connect('button_press_event', handle_click)

# 创建Output控件承载绘图
out = Output()
with out:
    display(fig)

# 创建按钮查看已捕获的坐标
def show_captured_coords(b):
    print("===== 已捕获的坐标列表 =====")
    for idx, (x, y) in enumerate(captured_coords, 1):
        print(f"点{idx}: x={x}, y={y}")

coord_btn = Button(description="查看捕获坐标", button_style='info')
coord_btn.on_click(show_captured_coords)

# 组合并显示控件
display(VBox([out, coord_btn]))

方案说明 #

1. 无需切换后端：保持Matplotlib默认的inline后端即可，避免频繁切换后端导致的状态混乱。
2. 基于ipywidgets的动态更新：用Output控件封装Matplotlib绘图，通过clear_output(wait=True)实现无闪烁的动态刷新，模拟交互式绘图效果。
3. 精准事件处理：仅响应绘图区域（Axes）内的点击，过滤画布空白区域的无效点击，同时对坐标做了小数位格式化，提升可读性。
4. 状态隔离：使用Matplotlib的对象式API（Figure+Axes）替代全局plt函数，避免多绘图实例的状态冲突。

注意事项 #

• 确保代码在Jupyter Notebook环境中运行，ipywidgets已正确启用（若未启用可运行jupyter nbextension enable --py widgetsnbextension）。
• 点击标记点后，Output控件会自动刷新显示更新后的图像，点击"查看捕获坐标"按钮可在控制台输出所有已捕获的坐标对。

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