下拉列表中的Dash回调
下拉列表中的Dash回调
提问于 2020-07-12 09:03:15
我正在尝试弄清楚如何为一个包含多个国家的图实现下拉列表。我是dash和plotly的新手。这是我的代码：
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使用此代码，可用国家/地区的下拉列表或图表都不会显示在破折号中。谁能解释一下如何处理这个问题，并可能给出一个解决方案？
回答 1
Stack Overflow用户
发布于 2020-07-13 02:19:13
你的代码中有几个缺失的部分。特别是，您没有生成任何数字。在这里，我基本上是为您想要绘制的所有国家过滤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()页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62859122
复制相关文章
点击加载更多
相似问题
如何在UITableView上添加额外的行分隔符
连接一个(！)带分隔符的行
如何在LazyHGrid中的行之间添加视图分隔符？
分组后使用分号分隔符连接行
如何在oracle的数据中添加新的行分隔符
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
