Plotly Dash点击按钮后图表未正常更新问题求助

该问题由Plotly前端配置解析异常+动画属性冲突导致渲染延迟，可按以下步骤修改：

• 修正x轴rangebreaks的错误配置
  Plotly的rangebreaks的bounds参数要求传入升序数值对，你当前配置dict(bounds=[14, 7.5], pattern="hour")中14>7.5属于非法配置，会导致前端计算坐标轴范围时异常，无法自动触发重绘，需要调整为升序排列，根据你要隐藏的时段调整顺序即可，示例如下：

dict(bounds=[7.5, 14], pattern="hour")

• 移除Graph组件的animate属性
  你给dcc.Graph设置了animate=True，该属性仅适合同一数据集的连续变更场景，切换股票代码属于完全替换数据集，动画过渡逻辑会失效甚至阻塞前端渲染，直接删除该属性即可，修改后代码：

dcc.Graph(id='candle-graph', style={"backgroundColor": "#1a2d46", 'color': '#ffffff'})

• 可选优化：补充回调触发源
  可以将输入框的回车提交事件也加入回调输入，用户按回车键即可触发更新无需点击按钮，修改回调的Input部分：

@app.callback(
    Output('candle-graph', 'figure'),
    Input('enter_button', 'n_clicks'),
    Input('input-box', 'n_submit'),
    state=[State(component_id='input-box', component_property='value')]
)

另外可将全局的Calendar初始化逻辑移到回调外，无需每次请求都重新生成假期列表，可提升接口响应速度。

修改完成后重启服务即可解决点击按钮后图表不自动刷新的问题。

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