Hi, I try to display my graph only when the dropdown variables have been selected, is there any way to do it?

oh ok. That’s because you have dcc.Graph( id='example-graph' ) inside your app.layout. If you want a graph to appear only once callback is activated, you will have to create an empty html.Div inside the app.layout, and use the callback to Output the dcc.graph as the Children of tha…

Welcome @Pierre Do you have code already written up?

Sure, I show you: ffn = pd.read_csv("/home/pierre/Documents/FFN/data.csv") available_indicators = ffn["distance"].unique() variable_indicators = ["spd_", "freq_", "amplitude_", "tempo_"] app = dash.Dash() colors = { 'background': '#0077c0', 'text': '#7FDBFF' } app.layout = html.Div( c…

You have a lot of code so it’s hard for me to figure out why it’s not working without the dataset and testing on my own. And I’m not sure why your graph is not showing anything. I recommend starting small. What usually helps me is to write code where data from one Dropdown creates one boxplot with …

Yes sorry, here’s a reproducible code that works and shows my problem simply. import dash import dash_core_components as dcc import dash_html_components as html from dash.dependencies import Input, Output import pandas as pd import numpy as np app = dash.Dash() data = {'x': [1, 2, 3, 1, 2, 3], 'y…

Thanks you, I managed to adapt the code to my case. Here’s what I’ve found if it helps anyone else: import dash import dash_core_components as dcc import dash_html_components as html from dash.dependencies import Input, Output, State import pandas as pd app = dash.Dash() app.config.suppress_call…

@Pierre : This was extremely helpful for me. I used it for my code but do you know how can we add the return for multiple graphs?

This is useful, as I’m experiencing the same issue. However, when I implement as recommended, the graph doesn’t show after the callback is activated. Here are the relevant parts of my code: app = Dash(__name__, external_stylesheets=[dbc.themes.LUX]) app.config.suppress_callback_exceptions = True…

hi @matsuobasho Output('results-comparison', 'figure') This is incorrect because figure is not a component property of the html.div. Your second solution should work, but you need to assign the plot that you built to the figure property. Let’s assum you created a scatter plot inside the callback f…

Thanks @adamschroeder . I’m not exactly following your proposed solution. If we have id='results-comparison' within the function, then what is the Output of the callback? The way I have it below seems off. import dash_bootstrap_components as dbc from dash import Dash app = Dash(__name__, extern…

Hi @matsuobasho Take a look at the code you just pasted above. An output has a component_id and a component_property. Output(component_id='results-comparison', component_property='figure'),. In this case, whatever object you return in the callback function will be assigned to the figure property…

Show and hide graph

Dash Python

AIMPED July 2, 2024, 4:43am 15

Does this help?

Topic		Replies	Views
Dropdown not displaying in default layout when dcc.Graph figure is {} Dash Python	11	708	February 8, 2021
Confused with callback for dropdown linked to graph output Dash Python	10	1195	June 7, 2020
Weird and unexpected behaviour when displaying hidden graphs with callbacks Dash Python	2	895	December 12, 2018
Drop down and graphs problem in dash Dash Python	9	430	April 2, 2023
[Solved] Create a Graph() dynamically e.g. once a Dropdown selection has been made Dash Python	1	2591	February 9, 2018

Show and hide graph

Related topics