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

Bắt đầu với cấu hình nút ModeBar tùy chỉnh và component React Plot nhận chartState và chartData. Tái hiện thao tác nhấp sau khi chartData được cập nhật, sau đó theo dõi những giá trị mà callback và chart div cung cấp; hoàn tất khi callback báo cáo state và data hiện tại thay vì các giá trị từ lúc khởi tạo.