如何在Dash Plotly中对各种图形进行下钻操作？

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.Graph(
        id='graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'A'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': 'B'},
            ],
            'layout': {
                'title': 'Bar Chart'
            }
        }
    )
])

@app.callback(
    Output('graph', 'figure'),
    [Input('graph', 'clickData')]
)
def drill_down(click_data):
    if click_data is not None:
        # 根据点击的数据点或者选择的区域进行下钻操作
        # 生成新的图形数据和布局
        # 返回更新后的图形
        pass
    else:
        # 默认情况下显示原始图形
        return {
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'A'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': 'B'},
            ],
            'layout': {
                'title': 'Bar Chart'
            }
        }