Plotly Dash点击提交按钮后图表无法更新问题排查

图表二次点击不更新的核心原因是组件ID冲突，和全局DataFrame污染、回调中额外传入的State参数没有关联。
你的初始布局中定义了ID为pcal_rv_graph、pcal_rv_perc_graph的两个空html.Div作为容器，第一次触发回调时，返回的子元素是两个携带完全相同ID的dcc.Graph组件，此时DOM首次渲染可以正常执行；第二次触发回调时，Dash的虚拟DOM diff逻辑检测到页面中已经存在同ID组件，会直接跳过该组件的更新流程——即使回调中生成的figure数据已经完全变化，ID冲突也会导致Dash判定组件无需重绘，最终表现为图表停留在第一次加载的内容。

方案1（推荐，匹配你已验证可行的更新逻辑） #

直接将初始布局中的空html.Div容器替换为dcc.Graph组件，回调中直接返回figure对象，不要在回调内重复创建带相同ID的dcc.Graph实例。
针对你需要的初始状态隐藏空图表的需求，只需要联动控制组件的display样式即可，不需要额外引入隐藏存储、Interval组件，也不会产生额外性能损耗：

布局调整代码 #

layout = html.Div([
    dbc.Container([
        dbc.Row([
            dbc.Col('Symbol: '),
            dbc.Col(dcc.Input(id='pcal_symbol', placeholder='enter a stock ticker')),
        ]),
        html.Br(),
        dbc.Row([html.Button("Plot", id='submit_pcal', n_clicks=0)]),
        html.Br(),
        # 直接初始化Graph组件，默认隐藏
        dcc.Graph(id='pcal_rv_graph', style={'display': 'none'}),
        dcc.Graph(id='pcal_rv_perc_graph', style={'display': 'none'}),
    ])
])

回调调整代码 #

@app.callback(
    [
        Output('pcal_rv_graph', 'figure'),
        Output('pcal_rv_graph', 'style'),
        Output('pcal_rv_perc_graph', 'figure'),
        Output('pcal_rv_perc_graph', 'style')
    ],
    [
        Input('submit_pcal', 'n_clicks'),
    ],
    [
        State('pcal_symbol', 'value'),
    ],
    prevent_initial_call=True
)
def update_plot(n_clicks, symbol):
    ticker = str(symbol).upper()

    fig1 = go.Figure()
    fig2 = go.Figure()
    # 读取对应股票数据
    df1 = pd.read_json(...)
    df2 = pd.read_json(...)

    fig1.add_trace(go.Scatter(x=df1['date'], y=df1['ind1'], mode='lines+markers'))
    fig2.add_trace(go.Scatter(x=df2['date'], y=df2['ind2'], mode='lines+markers'))    

    # 回调触发时显示图表
    show_style = {'display': 'block'}
    return fig1, show_style, fig2, show_style

该写法完全符合Dash组件更新的设计逻辑，无多余DOM嵌套，性能最优，你提到的回调中额外加载的5个默认参数State不会对更新逻辑产生任何影响。

方案2（保留Div容器的兼容写法） #

如果一定要保留外层html.Div作为容器，只需要修改回调中返回的dcc.Graph组件ID，不要和外层Div的ID重名即可，例如将返回的图表ID设置为pcal_rv_graph_content、pcal_rv_perc_graph_content，即可规避ID冲突导致的更新阻断问题。但该写法会增加一层无意义的DOM嵌套，渲染性能弱于方案1，不推荐使用。

你之前参考的官方文档提到的全局DataFrame修改导致的回调异常，和当前场景无关——你已经将json读取、DataFrame初始化逻辑完全放在回调内部，这部分写法是正确的，不需要调整。

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