I am trying to build a lineplot using plotly. However, whenever it is accessed from smaller screens, such as a mobile, it does not apply the responsive widths and forces you to horizontally scroll the page, in order to visualize the whole plot. [Screen-Recording-2020-05-03-at-1] Everything else is…

Yes!! I couldn’t find it anywhere! I was looking at examples of streamlit scripts built with plotly and it seems a great sum of people is not aware as well. I am going to structure the question with examples so it can serve as a doc. Thanks @andfanilo !

great to read this, but you could still face some challenges if your legend is on auto, i do create a layout that makes my legend sit on BOTTOM paper-ref. fig1.update_layout(legend=dict( orientation="h", yanchor="bottom", y=-0.7, xanchor="left", …

Plotly not responsive mobile screen

Using Streamlit

andfanilo May 4, 2020, 5:22am 2

Hello @caio.hc.oliveira, welcome to the forums !

Would the default behavior of st.plotly_chart(fig, use_container_width=True) answer this ?

Regards

Streamlit not rendering well on mobile?

Topic		Replies	Views
Plotly chart doesn't render correctly when viewed from mobile phone browser Using Streamlit plotly	8	2249	November 13, 2023
Plotly graphs too narrow when responsive Using Streamlit plotly	2	3252	March 28, 2022
Streamlit not rendering well on mobile? Using Streamlit	6	3421	April 6, 2021
Plotly maps on mobile devices Using Streamlit plotly	0	730	August 5, 2020
How to prevent graph dimensions on plotly from changing in streamlit Using Streamlit windows	2	7916	February 17, 2021

Plotly not responsive mobile screen

Related topics