Jupyter Notebook中Plotly交互式图表重复输出的修复方法

问题根源在于每次调用fig.show()都会创建新的独立Plotly图表实例，导致每次选择下拉选项时生成新的输出区域，而非更新原有图表。以下是两种可行的修复方案：

方案一：使用ipywidgets.Output固定输出区域 #

通过创建一个固定的Output组件，将所有图表输出限制在该区域内，每次更新前清空原有内容：

import ipywidgets as widgets
import plotly.graph_objects as go
import pandas as pd

df = pd.DataFrame({'timestamp' : [1,2,3,4,5,6], 'close' : [11,22,33,44,55,66], 'open' : [111,222,333,444,555,666]})

# 创建固定输出容器
output = widgets.Output()

def plot(feature):
    with output:
        # 清空原有输出（wait=True避免界面闪烁）
        output.clear_output(wait=True)
        fig = go.Figure(data=go.Scatter(x=df['timestamp'].values, y=df[feature].values),
                        layout_title_text=feature)
        fig.show()

# 绑定下拉组件与绘图函数
_ = widgets.interact(plot, feature=['close', 'open'])
# 显示固定输出区域
display(output)

方案二：使用Plotly FigureWidget直接更新图表 #

FigureWidget是Plotly专门为交互式场景设计的组件，支持直接修改图表数据，无需重复创建新图表：

import ipywidgets as widgets
import plotly.graph_objects as go
import pandas as pd

df = pd.DataFrame({'timestamp' : [1,2,3,4,5,6], 'close' : [11,22,33,44,55,66], 'open' : [111,222,333,444,555,666]})

# 初始化FigureWidget
fig_widget = go.FigureWidget(data=go.Scatter(x=df['timestamp'], y=df['close']),
                             layout_title_text='close')

def update_plot(feature):
    # 批量更新图表数据和标题，避免多次刷新
    with fig_widget.batch_update():
        fig_widget.data[0].y = df[feature]
        fig_widget.layout.title.text = feature

# 绑定下拉组件与更新函数
_ = widgets.interact(update_plot, feature=['close', 'open'])
# 显示交互式图表
fig_widget

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