相关疑难解决方法(0)

我想仅在单击按钮后才使用 plotly 显示图形，但我不确定如何进行此操作。我的图存储在以下代码位中

    fig1 = go.Figure(data=plot_data, layout=plot_layout)

然后我使用以下代码位定义我的应用程序布局：

app.layout = html.Div([
                #button
                html.Div(className='submit', children=[

                html.Button('Forecast', id='submit', n_clicks=0)
                ]),
                #loading 
                dcc.Loading(
                id="loading-1",
                type="default",
                children=html.Div(id="loading-output-1")
                ),
                #graph
                dcc.Graph(id= 'mpg-scatter',figure=fig),
    
                #hoverdata
                html.Div([
                    dcc.Markdown(id='hoverdata-text')
                ],style={'width':'50%','display':'inline-block'})
])

@app.callback(Output('hoverdata-text','children'),
             [Input('mpg-scatter','hoverData')])

def callback_stats(hoverData):
    return str(hoverData)


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

但问题是我只想首先显示按钮。然后当有人点击预测按钮时，加载功能出现，一秒钟后图表显示。我定义了一个 dcc.loading 组件，但不确定如何定义此功能的回调。