在Dash中具有单选项目的图形之间切换

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

app = dash.Dash(__name__)

app.layout = html.Div([
    dcc.RadioItems(
        id='graph-selector',
        options=[
            {'label': '图形1', 'value': 'graph1'},
            {'label': '图形2', 'value': 'graph2'},
            {'label': '图形3', 'value': 'graph3'}
        ],
        value='graph1'
    ),
    html.Div(id='graph-container')
])

@app.callback(
    Output('graph-container', 'children'),
    [Input('graph-selector', 'value')]
)
def update_graph(selected_graph):
    if selected_graph == 'graph1':
        # 更新为图形1的代码
        return dcc.Graph(
            figure={
                'data': [{'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': '图形1'}],
                'layout': {'title': '图形1'}
            }
        )
    elif selected_graph == 'graph2':
        # 更新为图形2的代码
        return dcc.Graph(
            figure={
                'data': [{'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': '图形2'}],
                'layout': {'title': '图形2'}
            }
        )
    elif selected_graph == 'graph3':
        # 更新为图形3的代码
        return dcc.Graph(
            figure={
                'data': [{'x': [1, 2, 3], 'y': [1, 3, 4], 'type': 'bar', 'name': '图形3'}],
                'layout': {'title': '图形3'}
            }
        )

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