Estoy usando una barra lateral de Bootstrap para mi sitio web con varios gráficos de Plotly. El Plotly responde con el cambio de tamaño de la ventana, pero cuando activo y desactivo el botón de la barra lateral, los gráficos no se ajustan correctamente. ¿Hay una solución a esto? Código parcial para Plotly enumerado.
var layout = { xaxis: { rangeselector: selectorOptions, rangeslider: {} }, yaxis: { fixedrange: true, side: 'right' }, margin: { l: 50, r: -50, b: 50, t: 30, pad: 4 }, yaxis: { fixedrange: true, side: 'left' }, showlegend: false, }; var config = {responsive: true};
Suponiendo que sepa cuándo se ha activado la barra lateral, puede llamar a Plotly.Plots.resize(yourPlotlyDiv)
después.