我正在尝试创建一个应用程序,其中两个组件(在此情况下为单选按钮和一个下拉列表)相互依赖。这意味着当单选按钮更改时,下拉列表需要调整,反之亦然。
具有单向依赖关系非常简单,每个回调都可以单独正常运行。但是,当同时包含两者时,该应用程序将在浏览器中显示“错误加载依赖项”。
import pandas
import sys
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.graph_objs as go
import datetime
import numpy as np
import math
df = pandas.DataFrame(list(zip([1,2,3], ['a', 'b', 'c'])))
app = dash.Dash(__name__)
server = app.server
app.layout = html.Div(
[
html.P('Select:'),
dcc.RadioItems(
id='radio',
options=[
{'label': x, 'value': x} for x in df[0].unique()
],
value=df[0].unique()[0],
),
dcc.Dropdown(
id='dropdown',
options=[
{'label': x, 'value': x} for x in df[1].unique()
],
value=[df[1].unique()[0]]
),
])
@app.callback(
dash.dependencies.Output('dropdown', 'value'),
[dash.dependencies.Input('radio', 'value')])
def update_dropdown(radio):
return(df[df[0]==radio][1].values[0])
@app.callback(
dash.dependencies.Output('radio', 'value'),
[dash.dependencies.Input('dropdown', 'value')])
def update_radio(dropdown):
return(df[df[1]==dropdown][0].values[0])
if __name__ == '__main__':
app.run_server(debug=False)