dash(2)--可使用的组件

1.下拉菜单-dropdown

import dash
import dash_html_components as html
import dash_core_components as dcc

app = dash.Dash('Core Components')
app.layout = html.Div([
    dcc.Dropdown(
        options=[{'label': '北京', 'value': '北京'},
                 {'label': '天津', 'value': '天津'},
                 {'label': '上海', 'value': '上海'}],

        value='北京')])

下拉菜单

2.多选下拉菜单 -- dropdown(multi=True)

    html.Label('多选下拉菜单'),
    dcc.Dropdown(
        options=[{'label': '北京', 'value': '北京'},
                 {'label': '天津', 'value': '天津'},
                 {'label': '上海', 'value': '上海'}],
        value=['北京', '上海'],
        multi=True)

多选下拉菜单.png

3.单选-- radioitems

    html.Label('单选钮'),
    dcc.RadioItems(
        options=[{'label': '北京', 'value': '北京'},
                 {'label': '天津', 'value': '天津'},
                 {'label': '上海', 'value': '上海'}],
        value='北京')

单选

4.多选框 -- checklist

    html.Label('多选框'),
    dcc.Checklist(
        options=[{'label': '北京', 'value': '北京'},
                 {'label': '天津', 'value': '天津'},
                 {'label': '上海', 'value': '上海'}],
        value=['北京', '上海'])

多选框

5.文本输入--input

    html.Label('Text Input'),
    dcc.Input(value='天津', type='text')])

文本输入

6.滑动条--Slider

    html.Label('文本输入'),
    dcc.Slider(
        min=0, max=9, value=5,
        marks={i: '标签 {}'.format(i) if i == 1 else str(i) for i in range(1, 6)})

滑动条

7.表格--table