Comments (7)
Coding-with-Adam
commented on July 20, 2024
Hi @SambitD23 ,
Yes, that's a well-known error. Did you get it fixed by using the Urbanity.options only once?
from dash-by-plotly.
SambitD23
commented on July 20, 2024
No. I'm stuck. I tried a lot to bypass it but this error keeps on coming. Can you help?
from dash-by-plotly.
Coding-with-Adam
commented on July 20, 2024
This error should not come up unless you have Output('Urbanity', 'options') in two different callback decorators. Do you use it again somewhere else?
from dash-by-plotly.
SambitD23
commented on July 20, 2024
No I just have one callback and still it is giving the error. I am pasting the entire code below. Couldn't figure it out yet :(
app = dash.Dash(__name__, external_stylesheets=[dbc.themes.DARKLY])
app.layout = html.Div([
dbc.Row([dbc.Col(html.H1("NUE Summary", style = {'margin-top':'20px', 'margin-bottom':'30px', 'margin-left':'40px'}),
width = {'size': 2},
),
dbc.Col([dbc.Button("All Outlet Types",id = "all", color="primary", className="mr-1",size="lg",
disabled = (Disabled== "True"), style = {'margin-top':'20px',
'margin-bottom':'30px','float':'right'}),
dbc.Button("Unilever",id = "unilever", color="primary",size= "lg", className="mr-1",
disabled = (Disabled== "True"),
style = {'margin-top':'20px', 'margin-bottom':'30px', 'float':'right'}),
dbc.Button("Liquor", id = "liquor", color="primary",size= "lg", className="mr-1",
disabled = (Disabled== "True"),
style = {'margin-top':'20px', 'margin-bottom':'30px', 'float':'right'}),
dbc.Button("Drug",id = "drug", color="primary",size= "lg", className="mr-1",
disabled = (Disabled== "True"),
style = {'margin-top':'20px', 'margin-bottom':'30px', 'float':'right'}),
dbc.Button("Food",id = "food", color="primary",size= "lg", className="mr-1",
disabled = (Disabled== "True"),
style = {'margin-top':'20px', 'margin-bottom':'30px', 'float':'right'}),
dbc.Button("Tobacco",id = "tob", color="primary",size= "lg", className="mr-1",
disabled = (Disabled== "True"),
style = {'margin-top':'20px', 'margin-bottom':'30px', 'float':'right'}),
dbc.Button("Beverage",id = "bev", color="primary",size= "lg", className="mr-1",
disabled = (Disabled== "True"),
style = {'margin-top':'20px', 'margin-bottom':'30px', 'float':'right'}),
dbc.Button("FMCG",id = "fmcg", color="primary",size= "lg", className="mr-1",
disabled = (Disabled== "True"),
style = {'margin-top':'20px', 'margin-bottom':'30px', 'float':'right'})
], width = 10)
]),
dbc.Row([dbc.Col([html.H4("Please select granularities",
style = {'text-align':'center','margin-top':'20px', 'margin-bottom':'30px'}),
dcc.Dropdown(id= 'MBD', multi=True, options = [{'label':i, 'value':i} for i in df.Region.unique()],
style = {'text-align':'left', 'margin-top':'20px', 'margin-bottom':'20px',
'margin-left':'10px','color':'#212121'}, placeholder = "Standard MBDs"),
dcc.Dropdown(id= 'Urbanity', multi=True, options = [{'label':j, 'value':j} for j in df.Urbanity.unique()],
style = {'text-align':'left',
'margin-top':'20px', 'margin-bottom':'20px',
'margin-left':'10px', 'color':'#222121'},placeholder = "Urban/Rural"),
dcc.Dropdown(id= 'Outlet', multi=True, options = [{'label':k, 'value':k} for k in df.Outype_panel.unique()],
style = {'text-align':'left','margin-top':'20px', 'margin-bottom':'20px',
'margin-left':'10px', 'color':'#222121'}, placeholder = "Shop Types"),
dcc.Dropdown(id= 'Chain', multi=True, options = [{'label':l, 'value':l} for l in df.CHAIN.unique()],
style = {'text-align':'left','margin-top':'20px',
'margin-bottom':'20px', 'margin-left':'10px', 'color':'#222121'}, placeholder = "Chain/Non-Chain")],
width = 2),
dbc.Col(dcc.Graph(id = 'Trend', style= {'height': "75vh"}),width =5),
dbc.Col(dbc.Table.from_dataframe( df=pd.DataFrame() , id= 'table', style= {'height': "30%"}, size = 'sm',
striped = True), width=5),
]),
dbc.Row(html.H6("")),
dbc.Row([
dbc.Col([
html.H4("Select Chart Type", style = {'text-align':'left','margin-top':'20px',
'margin-bottom':'30px','margin-left':'40px'}),
dbc.Button("Absolute Difference",id = 'abs', color = "info", className = "mr-1", size = "lg", active=True,
style = {'margin-left':'40px', 'margin-top':'20px', 'margin-bottom':'20px'}),
dbc.Button("Relative Difference", id = 'rel', color = "info", className = "mr-1", size = "lg",
style = {'margin-left':'40px', 'margin-top':'20px', 'margin-bottom':'20px'})
], width = 2),
dbc.Col(dcc.Graph(id = 'cba'),width ={'size':4}),
dbc.Col(dcc.Graph(id = 'contri'),width =5),
dbc.Col(html.Div(style={"background-color": "#424242"}),style={"background-color": "#424242"}, width = 2)
])
])
@app.callback([Output('MBD', 'options'), Output('Urbanity', 'options'), Output('Outlet', 'options'),
Output('Chain', 'options')],
[Input('all','id'), Input('fmcg','id'), Input('bev','id'), Input('tob','id'),
Input('food','id'), Input('drug','id'), Input('liquor','id'),
Input('unilever','id')])
def update_dd(all_b, fmcg_b, bev_b, tob_b, food_b, drug_b, liq_b, unil_b):
ctx = dash.callback_context
dff = pd.DataFrame()
if not ctx.triggered:
button_id = 'all.id'
else:
button_id = ctx.triggered[0]['prop_id']
if button_id == 'all.id' :
dff = alloutlet_df.copy()
elif button_id == 'fmcg.id':
dff = fmcg_df.copy()
elif button_id == 'bev.id':
dff = bev_df.copy()
elif button_id == 'tob.id':
dff = tob_df.copy()
elif button_id == 'food.id':
dff = food_df.copy()
elif button_id == 'drug.id':
dff = drug_df.copy()
elif button_id == 'liquor.id':
dff = liquor_df.copy()
elif button_id == 'unilever.id':
dff = unilever_df.copy()
else:
dff = df.copy()
mbd_opt = [{'label': mbd, 'value': mbd} for mbd in dff['Region'].unique()]
urb_opt = [{'label': urb, 'value': urb} for urb in dff['Urbanity'].unique()]
out_opt = [{'label': out, 'value': out} for out in dff['Outype_panel'].unique()]
chain_opt = [{'label': ch, 'value': ch} for ch in dff['CHAIN'].unique()]
return {'options': mbd_opt}
return {'options': urb_opt}
return {'options': out_opt}
return {'options': chain_opt}
if( __name__ == "__main__"):
app.run_server(debug=True, use_reloader=False)
from dash-by-plotly.
Coding-with-Adam
commented on July 20, 2024
Try to change your function returns. You can't return four times. You have to return four objects in one return, like this:
return {'options': mbd_opt}, {'options': urb_opt}, {'options': out_opt}, {'options': chain_opt}
Let me know if that works.
from dash-by-plotly.
SambitD23
commented on July 20, 2024
No, now it's returning the following error. It's stuck between either the previous error or the following:
Invalid argument `options` passed into Dropdown with ID "Chain".
Expected an array.
Was supplied type `object`.
Value provided:
{
"options": [
{
"label": "0",
"value": "0"
},
{
"label": "1",
"value": "1"
},
{
"label": "NC",
"value": "NC"
}
]
}
The same error is shown for the other three dropdowns as well.
from dash-by-plotly.
Coding-with-Adam
commented on July 20, 2024
Sorry. my bad. You don't have to return the whole {options: mbd_opt}, becuase the options value is already part of the callbakc output. It should work if you just return this:
return mbd_opt, urb_opt, out_opt, chain_opt
from dash-by-plotly.
Related Issues (15)
- datasets/master/geojson-counties-fips.json HOT 1
- connection request rejected HOT 2
- Runing interactive graph in Kaggle Notebook HOT 2
- Question about the 'Side Navigation Bar' HOT 1
- import issue HOT 1
- help with a project HOT 1
- ImportError: cannot import name 'app' from partially initialized module 'app' (most likely due to a circular import) HOT 2
- Sharing_Data_Multipage_app breaks on dash-labs==1.1.0 HOT 3
- from dash import Dash, dash_table ImportError: cannot import name 'Dash' from partially initialized module 'dash' (most likely due to a circular import) (C:\Users\ADMIN\Desktop\vs\dash.py) HOT 5
- AttributeError: FormGroup was deprecated HOT 2
- Dash & XLwings. Attempting to pre-load Excel before Dash callback to save load time.
- Link to the data source for Dash Bootstrap Spinner & Progress Bar video not working HOT 2
- Code error HOT 1
- String formatting question HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dash-by-plotly.