Plotly tiene la opción de ampliar el gráfico arrastrando el cuadro.

Cada vez que se vuelve a renderizar el componente de reacción, se inicializan los cambios persistentes del usuario.

En las opciones de Plotly, hay una opción al respecto. "uirevision en Plotly.react en JavaScript"

Ya lo he aplicado, pero no hay ningún cambio.

Aquí está mi código

 const GraphContainer = styled(Plot)` width: 100%; height: 300px; `; ..... return ( <> <GraphContainer data={[ { x: graphData.power.x, y: graphData.power.y, name: 'Graph', line: { color: theme.colors.chart.single[1], }, }, ]} layout={{ xaxis: { type: 'date', range: [ '2021-10-21 00:00:00', '2021-10-21 23:59:00', ], }, yaxis: { tickformat: ',.0f', ticksuffix: 'kW', }, uirevision: 'true', }} config={{ responsive: true, displayModeBar: false }} /> </> );

Otra cosa que hice:

En Link, hay una explicación "la interacción del usuario cambiará el diseño y establecerá el rango automático en falso, por lo que debemos restablecerlo en verdadero". De acuerdo con los documentos, configuré el objeto de diseño en el estado, urevision: 'true', yaxis y el rango automático de xaxis se establecieron en verdadero, pero no funciona.

Alguien me ayuda por favor. Gracias.