Hi. I have multiple images in my dashboard. Each image belongs to an entity, I want to update a single graph based on the image clicked. I am using html.Img for displaying the image and dcc.graph for showing the graph.

@ninja Pattern-Matching Callbacks | Dash for Python Documentation | Plotly might work for you.

Hi @ninja You could try using the n_clicks property in html.Img as an input in a callback to update the graph

Yeah I was looking at that just now. One thing that bothers me though is the following: I have multiple images, and I want different actions to be performed based on which image is clicked i.e. is there a way to create a single callback function that would behave differently for each image clicked…

Yes you can use @Emil ’s awesome new MultiplexerTransform, and here is another method: See the example called “Determining which Input has fired” on this page of the docs: Advanced Callbacks | Dash for Python Documentation | Plotly

@Emil @AnnMarieW Thankyou for the reply. Both answers have helped me getting closer to my goal. There’s one thing that’s bothering me. The solutions you mentioned both require inputs to be mentioned before hand. Is there a way to do this dynamically. The problem I have is that I don’t have a fixe…

Trigger callback on image click

Dash Python

Emil March 22, 2021, 7:16pm 4

Yes, you could create a single callback that returns different graphs depending on which image was clicked. Alternatively you could use the MultiplexerTransform and create one callback per image.

Topic		Replies	Views
Clickable images that trigger callback? Dash Python	0	1308	January 26, 2021
Remove or alter Div in app.layout based on external data frame criteria 📊 Plotly Python	2	105	April 29, 2024
Knowing what graph has been clicked Dash Python	1	2483	February 22, 2018
Tracking a selection of images in a list Dash Python	1	865	October 23, 2019
Update graph from a number of buttons Dash Python question	1	1312	March 6, 2022

Trigger callback on image click

Related topics