Custom ModeBar Button click uses old state values

modeBarButtonsToAdd: [{ name: 'customDownload', title: 'Download', icon: Plotly.Icons.disk, click: (div) => {console.log(div); console.log(chartState); console.log(chartData); } }

chartState is the Plotly state variable passed to the Plot element (data, layout, frames, config)
chartData is the raw data source that is used to generate the data traces for chartState
chartData gets updated during app cycle which updates chartState
All of the data outputs from click event are logged as point of init which has an empty data array, even the chart div that gets passed from the click function

Commencez par la configuration personnalisée du bouton ModeBar et le composant React Plot qui reçoit chartState et chartData. Reproduisez le clic après les mises à jour de chartData, puis suivez les valeurs exposées par le callback et chart div ; c’est terminé lorsque le callback signale l’état et les données actuels plutôt que les valeurs de l’initialisation.