Dash 2.7图表旧痕迹残留：回调自触发限制下的解决困境

针对你遇到的问题，以下是两种可行的解决方案：

方案1：修改现有回调，允许重复触发 #

Dash默认会阻止回调自循环触发，需给回调添加allow_duplicate=True参数，并通过触发源判断避免无限循环：

from dash import Dash, Input, Output, ctx, dcc, html, PreventUpdate
import plotly.graph_objects as go

def make_fig():
    # 示例生成新图表的函数，替换为你的实际逻辑
    return go.Figure(data=[go.Scatter(x=[1,2,3], y=[4,5,6])])

app = Dash(__name__)

app.layout = html.Div([
    dcc.Graph(id='graph'),
    html.Button('更新图表', id='button'),
    dcc.Store(id='reset-graph', data=False)
])

@app.callback(
    Output('graph', 'figure'),
    Output('reset-graph', 'data'),
    Input('reset-graph', 'data'),
    Input('button','n_clicks'),
    # 允许回调被自身输出触发
    allow_duplicate=True,
    prevent_initial_call=False
)
def update_graph(reset, button):
    triggered_id = ctx.triggered_id
    
    if triggered_id == 'button' and button is not None:
        # 点击按钮时先返回空图表，同时设置重置信号为True
        return {}, True
    elif triggered_id == 'reset-graph' and reset:
        # 重置信号触发时生成新图表，并将信号设回False
        return make_fig(), False
    else:
        raise PreventUpdate

if __name__ == '__main__':
    app.run_server(debug=True)

核心逻辑说明：

• allow_duplicate=True解除Dash对自循环回调的限制
• 通过ctx.triggered_id明确区分触发源，避免无限循环
• 实现"点击按钮→清空图表→生成新图表"的流程，解决旧轨迹残留问题

方案2：拆分回调，彻底避免自循环 #

将逻辑拆分为两个独立回调，分别处理清空图表和生成新图表的操作：

from dash import Dash, Input, Output, dcc, html, PreventUpdate
import plotly.graph_objects as go

def make_fig():
    return go.Figure(data=[go.Scatter(x=[1,2,3], y=[4,5,6])])

app = Dash(__name__)

app.layout = html.Div([
    dcc.Graph(id='graph'),
    html.Button('更新图表', id='button'),
    dcc.Store(id='need-update', data=False)
])

# 回调1：响应按钮点击，清空图表并标记需要更新
@app.callback(
    Output('graph', 'figure'),
    Output('need-update', 'data'),
    Input('button','n_clicks'),
    prevent_initial_call=True
)
def on_button_click(n_clicks):
    return {}, True

# 回调2：响应更新标记，生成新图表并重置标记
@app.callback(
    Output('graph', 'figure'),
    Output('need-update', 'data'),
    Input('need-update', 'data'),
    prevent_initial_call=True
)
def update_graph(need_update):
    if need_update:
        return make_fig(), False
    raise PreventUpdate

if __name__ == '__main__':
    app.run_server(debug=True)

核心逻辑说明：

• 第一个回调仅处理按钮点击事件，负责清空图表并设置更新标记
• 第二个回调仅响应更新标记，生成新图表并重置标记
• 完全规避自循环触发风险，逻辑更清晰易维护

额外注意事项 #

• 确保make_fig()生成的是全新的Figure对象，不要复用旧对象，否则可能仍存在轨迹残留
• Dash 2.7中，当新图表的trace结构与旧图表差异较大时，先设置空图表再更新是解决残留问题的有效手段

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