Da sh обратный вызов с раскрывающимся списком - PullRequest
Новая
       114

Da sh обратный вызов с раскрывающимся списком

2 голосов
/ 12 июля 2020

Я пытаюсь понять, как реализовать раскрывающийся список для сюжета с несколькими странами. Я новичок в da sh и сюжетно. Это мой код: 

import pandas as pd
import plotly.express as px
import dash
import dash_core_components as dcc
import dash_html_components as html

df = pd.read_csv('https://api.statbank.dk/v1/data/mpk100/CSV?valuePresentation=Value&timeOrder=Ascending&LAND=*&Tid=*', sep=';')
df = df[df['INDHOLD'] != '..']
df['rate'] = df['INDHOLD'].str.replace(',', '.').astype(float)
available_countries = df['LAND'].unique()
df.groupby('LAND')

app = dash.Dash()
app.layout = html.Div([
    dcc.Graph(
        id='mpk100'
    ),
dcc.Dropdown(
                  id = "dropdown_mpk100",
                  options=[{'label': i, 'value': i} for i in available_countries],
                  value=['DANMARK', 'USA'], #Initial values,
                  multi=True)
    

@app.callback(Output(component_id='fig-mpk100',component_property='figure'),
    [Input(component_id='dropdown_mpk100', component_property='value')])

 def update_df('value'):
return dep_var

    
app.run_server(debug=True, use_reloader=False)  # Turn off reloader if inside Jupyter

С этим кодом ни выпадающий список с доступными странами, ни график не отображаются в da sh. Может ли кто-нибудь объяснить, как с этим бороться, и, возможно, дать решение?

1 Ответ

0 голосов
/ 13 июля 2020

В вашем коде отсутствуют некоторые части. В частности, вы не создаете никаких фигур. Здесь я в основном фильтрую df для всех стран, которые вы хотите построить, а затем строю их все как линии с plotly.express. В конечном итоге вы можете добавить трассировки с помощью plotly.graph_objs, если хотите. 

import pandas as pd
import plotly.express as px
import dash
import dash_core_components as dcc
import dash_html_components as html

df = pd.read_csv('https://api.statbank.dk/v1/data/mpk100/CSV?valuePresentation=Value&timeOrder=Ascending&LAND=*&Tid=*', sep=';')
df = df[df['INDHOLD'] != '..']
df['rate'] = df['INDHOLD'].str.replace(',', '.').astype(float)
available_countries = df['LAND'].unique()

app = dash.Dash()
app.layout = html.Div([
    dcc.Dropdown(
        id='demo-dropdown',
        options=[{'label': k, 'value': k} for k in available_countries],
        value=['Danmark', 'USA'],
        multi=True
    ),

    html.Hr(),
    dcc.Graph(id='display-selected-values'),

])

@app.callback(
    dash.dependencies.Output('display-selected-values', 'figure'),
    [dash.dependencies.Input('demo-dropdown', 'value')])
def update_output(value):
    ts = df[df["LAND"].isin(value)]
    fig = px.line(ts, x="TID", y="rate", color="LAND")
    return fig


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