DashのDash Core Components一覧

Dash Core Componentsのページにあるコードをコピペするだけで
ほしいコンポーネントが簡単に設置できます。

ドロップダウン、スライダー、ラジオボタンの３つを設置↓

コード

import dash
import dash_html_components as html

app = dash.Dash()
app.layout = html.Div([
    
            html.Label("Dropdown"),
            dcc.Dropdown(options=[
                {"label":"New York City",
                "value":"NYC"},
                 {"label":"San Francisco",
                 "value":"SF"}],
                        value="SF"),
            html.Label("Slider"),
            dcc.Slider(min=-10,max=10,step=0.5,value=0,
                      marks={i: i for i in range (-10,10)}),
            html.P(html.Label("Some Radio Items")),
            dcc.RadioItems(options=[{"label":"New York City",
                "value":"NYC"},
                 {"label":"San Francisco",
                 "value":"SF"}],
                          
                          value="SF")    
])
    
    
if __name__ == '__main__':
    app.run_server()

import dash

import dash_html_components as html

app = dash.Dash()

app.layout = html.Div([

html.Label("Dropdown"),

dcc.Dropdown(options=[

{"label":"New York City",

"value":"NYC"},

{"label":"San Francisco",

"value":"SF"}],

value="SF"),

html.Label("Slider"),

dcc.Slider(min=-10,max=10,step=0.5,value=0,

marks={i: i for i in range (-10,10)}),

html.P(html.Label("Some Radio Items")),

dcc.RadioItems(options=[{"label":"New York City",

"value":"NYC"},

{"label":"San Francisco",

"value":"SF"}],

value="SF")

])

if __name__ == '__main__':

app.run_server()

[`yahoo` not found]

Reader Interactions

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル