解决 Plotly FigureWidget 条形图点击事件不显示输出的问题-Python教程-PHP中文网

解决 Plotly FigureWidget 条形图点击事件不显示输出的问题

在 Jupyter 中使用 ipywidgets + plotly.graph_objs.FigureWidget 绑定条形图点击事件时，on_click 回调实际已触发，但 print() 输出默认不会显示在 Notebook 单元格中——需配合 widgets.Output 才能正确捕获并展示日志。

在 jupyter 中使用 `ipywidgets` + `plotly.graph_objs.figurewidget` 绑定条形图点击事件时，`on_click` 回调实际已触发，但 `print()` 输出默认不会显示在 notebook 单元格中——需配合 `widgets.output` 才能正确捕获并展示日志。

Plotly 的 FigureWidget 支持交互式事件监听（如 on_click），但在 Jupyter Notebook（尤其是 7+）和 JupyterLab 环境中，直接使用 print() 不会将输出渲染到当前单元格。这是因为 print() 默认输出到内核的 stdout 流，而现代 Jupyter 前端（特别是 Notebook 7+）不再自动捕获该流并显示在单元格下方；相反，它可能被重定向至后台日志（如 JupyterLab 左下角的蓝色状态栏 → Log Console），导致开发者误以为“点击未注册”。

✅ 正确做法是：显式创建 widgets.Output() 实例，并在回调函数中用 with output_widget: 上下文管理器捕获输出。这样可确保日志实时、稳定地显示在 Notebook 界面中。

以下为修复后的完整示例代码：

jQuery点击事件遮罩弹出层可移动特效代码

"jQuery点击事件遮罩弹出层可移动特效代码下载。一款jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果，可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层js插件。

下载

import plotly.graph_objs as go
from IPython.display import display
import ipywidgets as widgets

# 创建专用输出容器
click_output = widgets.Output()

fig_test = go.FigureWidget([
    go.Bar(x=["A", "B", "C"], y=[10, 20, 30], name="Sample Data")
])

def handle_click(trace, points, state):
    with click_output:  # 关键：进入 Output 上下文
        click_output.clear_output(wait=True)  # 清空旧输出，避免堆积（wait=True 提升响应流畅性）
        if points.point_inds:
            print(f"✅ 点击了第 {points.point_inds} 个条形（索引从 0 开始）")
            print(f"   对应 x 值：{[fig_test.data[0].x[i] for i in points.point_inds]}")
            print(f"   对应 y 值：{[fig_test.data[0].y[i] for i in points.point_inds]}")
        else:
            print("⚠️  未检测到有效点击点（可能点击在空白区域或坐标轴上）")

# 绑定点击事件到第一条迹线（即条形图）
fig_test.data[0].on_click(handle_click)

# 同时显示图表与输出区域
display(fig_test, click_output)

? 验证技巧（无需安装新环境）：
若暂无法运行本地环境，可访问 Binder 示例环境 → 点击 “launch binder” → 新建 Notebook → 粘贴上述代码。点击条形图后，JupyterLab 左下角会出现蓝色日志指示灯，点击即可查看 print() 输出，确认事件是否真实触发。

⚠️ 注意事项：