Streamlit line_chart日/月格式时间自动排序致展示顺序错误的解决咨询

Streamlit的line_chart()默认会把字符串类型的X轴按字符排序，没法直接关闭这个自动排序机制，但可以通过以下两种方式实现按原始数据顺序展示：

方法1：将时间字符串转为datetime类型（推荐） #

把「日/月 时分秒」格式的字符串解析为datetime类型后，line_chart()会自动识别为时间轴，按实际时间顺序排列，这也是最规范的处理方式：

import streamlit as st
import pandas as pd

# 你的原始字典数据
raw_data = {
    "15/03 12:00:00": 23,
    "02/04 13:00:00": 25,
    "20/03 14:00:00": 24
}

# 转换为DataFrame并解析时间列
df = pd.DataFrame(raw_data.items(), columns=["时间", "监测数据"])
df["时间"] = pd.to_datetime(df["时间"], format="%d/%m %H:%M:%S")

# 绘制折线图（自动按时间顺序展示）
st.line_chart(df.set_index("时间"))

方法2：用Altair自定义图表强制按原始顺序排序 #

如果不想修改数据类型，可以使用Streamlit集成的Altair库，手动指定X轴的排序规则为原始数据的顺序：

import streamlit as st
import altair as alt
import pandas as pd

raw_data = {
    "15/03 12:00:00": 23,
    "02/04 13:00:00": 25,
    "20/03 14:00:00": 24
}

df = pd.DataFrame(raw_data.items(), columns=["时间", "监测数据"])

# 自定义折线图，指定X轴按原始数据的时间顺序排序
chart = alt.Chart(df).mark_line().encode(
    x=alt.X("时间", sort=list(df["时间"])),
    y="监测数据"
)

st.altair_chart(chart, use_container_width=True)

内容的提问来源于stack exchange，提问作者Matrodsilver