Maximize the width of a Plotly figure

[paumartinez1]

Hi! I'm using Plotly to generate a scattermap, but I'm encountering issues on maximizing the height and width of the chart. I want the height and width to be responsive to the screen size. Any thoughts? Thanks!

[iisakkirotko]

Hey @paumartinez1! For plotly<6 this trick should work. Essentially, we set the figure's autosize attribute to True every render using a convenience function and solara.use_effect:

        def autosize():
            fig_widget = solara.get_widget(fig_el)
            fig_widget.layout.autosize = True

        solara.use_effect(autosize, dependencies=[])

This doesn't seem to work with Plotly at (or above) version 6, due to their move to use Anywidget. I'll look for a potential solution when I have more time!

Note: I explained autosizing the width, but setting the layout's height to "100%", or similar in different units should work for height

[paumartinez1]

Hi @iisakkirotko! Thank you so much for this!

Is there a way to fill up the entire height/vertical space as well?

[paumartinez1]

Hi @iisakkirotko! I just read your note. Did you mean fig_widget.layout.autosize = "100%" or you mean adjust it using CSS?