Plotly Dash中带有过滤器(下拉菜单)的侧边栏

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash(__name__)

# 创建一个下拉菜单组件
dropdown = dcc.Dropdown(
    options=[
        {'label': '选项1', 'value': 'option1'},
        {'label': '选项2', 'value': 'option2'},
        {'label': '选项3', 'value': 'option3'}
    ],
    value='option1'  # 设置默认值
)

# 创建一个侧边栏布局
sidebar = html.Div(
    children=[
        html.H2('侧边栏'),
        dropdown
    ],
    style={'width': '20%', 'float': 'left'}  # 设置侧边栏宽度和浮动方式
)

# 创建一个主内容布局
content = html.Div(
    children=[
        html.H2('主内容')
    ],
    style={'width': '80%', 'float': 'right'}  # 设置主内容宽度和浮动方式
)

# 创建应用程序布局
app.layout = html.Div(
    children=[
        sidebar,
        content
    ]
)

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