How to remove expansion arrow in altair chart?

Using Streamlit
1

Hi,

Is there a way to remove the chart expand (double sided arrow icon) to full screen.
some chart are not good after expanding to full screen, so i want to limit it under container size.

image

regards
Sridhar

2

There isn’t any native functionality built into our charting commands and containers that hide the expander arrow. You’d need to use a CSS hack :thinking:

The following works for Streamlit 1.20.0 and hides the “View fullscreen” button on all charts:

import numpy as np
import pandas as pd
import streamlit as st

chart_data = pd.DataFrame(np.random.randn(20, 3), columns=["a", "b", "c"])

st.line_chart(chart_data)

st.markdown(
    """
<style>
button[title="View fullscreen"] {
    display: none;
}
</style>
""",
    unsafe_allow_html=True,
)

If you’d like this functionality to be a native part of Streamlit, please submit a Feature request on our GitHub repo.

Happy Streamlit-ing! :balloon:

1 Like
5

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.