如何在streamlit中绘制列内的图形

如何解决如何在streamlit中绘制列内的图形

我尝试了以下方法-

col1,col2,col3 = st.beta_columns(3)
col1.header = "confirmed"
col1.write("col1")
fig_con = alt.Chart(df).mark_line().encode(
  alt.X("days"),alt.Y("confirmed")
)
col1.st.altair_chart(fig_con)

col2.header = "recovered"
col2.write("col2")
fig_rec = alt.Chart(df).mark_line().encode(
  alt.X("days"),alt.Y("recovered")
)
col2.st.altair_chart(fig_rec)

col3.header = "deceased"
col3.write("col3")
fig_dec = alt.Chart(df).mark_line().encode(
  alt.X("days"),alt.Y("deceased")
)
col3.st.altair_chart(fig_dec)

但这似乎是错误的语法。

如果我这样做-

col1,alt.Y("confirmed")
)
st.altair_chart(fig_con)

col2.header = "recovered"
col2.write("col2")
fig_rec = alt.Chart(df).mark_line().encode(
  alt.X("days"),alt.Y("recovered")
)
st.altair_chart(fig_rec)

col3.header = "deceased"
col3.write("col3")
fig_dec = alt.Chart(df).mark_line().encode(
  alt.X("days"),alt.Y("deceased")
)
st.altair_chart(fig_dec)

这将它们一个下一个绘制。

由于列功能处于测试阶段，因此文档有点稀缺。

解决方法

使用with col:

with col1:    
    col1.header = "confirmed"
    col1.write("col1")
    fig_con = alt.Chart(df).mark_line().encode(
      alt.X("days"),alt.Y("confirmed")
    )
    st.altair_chart(fig_con)
    
with col2:
    col2.header = "recovered"
    col2.write("col2")
    fig_rec = alt.Chart(df).mark_line().encode(
      alt.X("days"),alt.Y("recovered")
    )
    st.altair_chart(fig_rec)

with col3:
    col3.header = "deceased"
    col3.write("col3")
    fig_dec = alt.Chart(df).mark_line().encode(
      alt.X("days"),alt.Y("deceased")
    )
    st.altair_chart(fig_dec)