Altair Grouped Barchart with st.altair_chart(use_container_width=True) creates multiple charts instead of one single grouped chart

[sapphire008]

Checklist

• I have searched the existing issues for similar issues.
• I added a very descriptive title to this issue.
• I have provided sufficient information below to help reproduce this issue.

Summary

When creating a grouped bar chart using Altair and render it with st.altair_chart(fig, use_container_width=True), multiple charts for each group, rather than a combined single chart, is created. See screenshot attached. Code to reproduce is also attached.

Reproducible Code Example

import streamlit as st
import altair as alt
from vega_datasets import data

def make_plot():
    source = data.barley()

    fig = alt.Chart(source).mark_bar().encode(
        x='year:O',
        y='sum(yield):Q',
        color='year:N',
        column='site:N'
    )
    return fig

def main():
    fig = make_plot()
    # This is okay
    st.markdown("This is okay")
    st.altair_chart(fig)
    
    # This creates multiple charts instead of one chart
    st.markdown("This creates multiple chart, each for a 'site'/column value")
    with st.container():
        st.altair_chart(fig, use_container_width=True)


if __name__ == '__main__':
    main()

Steps To Reproduce

1. Save the above code in a script, and run streamlit run app.py.

Expected Behavior

Expecting a single grouped bar chart is created and spans over the width of the container, rather than having multiple charts created when rendering with st.altair_chart(fig, use_container_width=True).

Current Behavior

Current behavior is: multiple charts for each column/group is created.

Is this a regression?

• Yes, this used to work in a previous version.

Debug info

• Streamlit version: 1.33.0
• Python version: 3.11.7
• Operating System: MacOS 14.4
• Browser: Chrome

Additional Information

No response

[github-actions]

If this issue affects you, please react with a 👍 (thumbs up emoji) to the initial post.

Your feedback helps us prioritize which bugs to investigate and address first.