How do I append new data points i.e. x axis and y axis values coming from input fields using a clientside_callback function. I am currently trying something like this but it is not updating the data in real time the updated data points show when I double click on the legend of the trace that is bein…

from .barChartConfig import BarChart # app = Dash(__name__) dash.register_page(__name__, path='/barchart-render') # Page Layout for Different Filters and Dropdown Selections def layout(**query_strings): layout = html.Div( [ html.Div( children=[ …

Hey, use return JSON.parse(JSON.stringify((figure)), 0; to create a new object to update.

Hello @ghulam_shabbir_khan , Are you getting all of your console errors? I think this would work: dash.register_page(__name__, path='/barchart-render') # Page Layout for Different Filters and Dropdown Selections def layout(**query_strings): layout = html.Div( [ html.Div( …

I am getting an error in my console on trying your code: TypeError: Cannot read properties of undefined (reading ‘apply’)

Without seeing more of your code, I dont think we can help much more. Could you please create an MRE for use? [image] How to write a Minimal Reproducible Example (MRE) Dash Python Adding a minimal reproducible example to your questions will help attract community members…

This is my current code keep in mind that the BarChart variable that I am loading from another file contains a plotly bar chart in dict format. Now the problem is that the clientside callback is returning the figure correctly but the figure is not being updated in real time. When I double click on m…

Try this instead: from .barChartConfig import BarChart # app = Dash(__name__) dash.register_page(__name__, path='/barchart-render') # Page Layout for Different Filters and Dropdown Selections def layout(**query_strings): layout = html.Div( [ html.Div( chi…

Still not working, and after trying your code the re render on double clicking the legend stopped working, dk why. I am thinking maybe it is because of introducing a new figure variable, but it should work still.

This worked!!! :sweat_smile: I am so thankful for you help. :smiling_face_with_three_hearts:

You’re welcome! JS is not as forgiving with how the outputs are, if you have multiple, they need to be wrapped as a list. :slight_smile:

Update Data Points Using a clientside callback

Dash Python

jinnyzor December 7, 2023, 6:13pm 6

Without seeing more of your code, I dont think we can help much more.

Could you please create an MRE for use?

Topic		Replies	Views
Is it possible to update just `layout`, not whole `figure` of Graph in callback? Dash Python	29	25255	December 28, 2022
Can Dash update recent points and extend graph at one callback call? plotly.js question	1	233	July 4, 2023
Clientside and figure update Dash Python	2	357	April 1, 2024
Clientside callback to update figure not working Dash Python question	5	924	May 23, 2023
:mega: Dash 2.9.2 Released - Partial Property Updates with Patch(), Duplicate Outputs, dcc.Geolocation, Scatter Group Attributes and More Dash Python announcements	38	11337	May 11, 2023

Update Data Points Using a clientside callback

Related topics