Retain clicked data when the plot is updated

[cknatarajan]

Hi

I have been trying to put a dash app together that is plotting a scatter plot. And the plot keeps updating as data changes in the database. One thing I couldn’t figure out is if a point of the plot is clicked and the plot updates due to updated data, how can I retain the clicked point after the plot updates? When I return the figure dictionary, the whole plot re-renders. Any thoughts?

[Emmanuelle]

Hi @cknatarajan welcome to the forum! You can use a dcc.Store which is updated when the clickData property of your graph changes, and add the new clicked data to the dcc.Store. See https://dash.plotly.com/dash-core-components/store for the documentation of dcc.Store.

[cknatarajan]

Thank you @Emmanuelle! That is an interesting idea. But when i was reading up on clickData and it seems like it is a readonly property:

clickData ( dict ; optional): Data from latest click event. Read-only.

Can i set clickData as an Output of the callback? I am going to test it but I wanted to make sure if this will work.

[cknatarajan]

Yeah @Emmanuelle I just tested it out, and I cannot set the clickData property.

[Emil]

Have you tried the uirevision property?

Preserving UI State, like Zoom, in dcc.Graph with uirevision with Dash

Hello everyone, happy monday I’d to share with you a really cool dash-core-components prerelease: the ability to preserve UI state in the dcc.Graph between callbacks. Right now, if you’re updating the figure property of a dcc.Graph component, the graph’s “view” will get reset when the callback is fired. That is, if you zoom in your graph, click on the legend items, or twist a 3D surface plot, then those changes won’t be preserved across callback updates. For man…

[Emmanuelle]

I was suggesting to use the clickData as input and to store these data somewhere else like in a dcc.Store. Why would you need to update clickData as well? It is indeed read only.

[cknatarajan]

Thank you @Emmanuelle, I should have clarified that I needed the clicked data to be retained and reflected on the plot after the plot updates.

@Emil - that’s a great suggestion but I couldn’t figure out activating uirevision based on multiple inputs - I have a data update callback that should retain the plot state but with other callback inputs it should update. Any help to figure that out is greatly appreciated.

[Emil]

@cknatarajan - As i understand, the uirevision property work in a such way that the graph is “reset” (zoom etc.) only when the UI revision changes. Hence if you have inputs [a,b,c,d] and the graph should only be reset when a or b changes, you should set the uirevision based on (a,b), e.g. to something like hash(a,b) or json.dumps(dict(a=a, b=b)).

[cknatarajan]

@Emil - Thanks so much, this worked perfectly. Actually the json implementation worked! Really cool stuff, thanks for the help.