How do you get Plotly to adjust plot size based on screen resolution in a Streamlit app?

Question

I'm building a streamlit app with plotly graphs. However, I'm finding it hard to set a dynamic plot width in the plotly figures (I expect the app to be viewed in multiple resolutions).

Is there a way to tell plotly to use 100% (or 80%, etc.) of the width (whatever number of pixels that might be).

score 14 · Accepted Answer · edited Oct 28 '21 at 20:08

14

You can use the use_container_width argument of st.plotly_chart:

st.plotly_chart(fig, use_container_width=True)

edited Oct 28 '21 at 20:08

vvvvv

25,404
19
49
81

answered Oct 28 '21 at 09:16

MYK

1,988
7
30

`st.plotly_chart(fig, use_container_width=True)` isn't working for me – Forrest Abouelnasr Sep 16 '22 at 22:10
Happy to help, but can you share more context? – MYK Sep 20 '22 at 11:20
Adding the setting as recommended had no effect on my figure widths. I'm using plotly figures – Forrest Abouelnasr Sep 21 '22 at 15:05
is there any hack to automatically adjust the height ? – Kavyajeet Bora Mar 20 '23 at 12:42

trademadaari · Answer 2 · 2022-11-28T05:15:48.163

3

fig.update_layout(height=800)

st.plotly_chart(fig,use_container_width=True,height=800)

I used this and it worked fine. I had to use both only then it worked.

edited Nov 28 '22 at 05:15

answered Nov 28 '22 at 05:14

trademadaari

31
2

How do you get Plotly to adjust plot size based on screen resolution in a Streamlit app?

2 Answers2