如何在 streamlit 上按周期分组绘制图表?

Posted

技术标签:

【中文标题】如何在 streamlit 上按周期分组绘制图表?【英文标题】:How can I make a plotly graph on streamlit grouped by period? 【发布时间】:2021-05-12 02:04:27 【问题描述】:

我正在尝试使用 Plotly + Streamlit 绘制折线图,​​但按月对数据进行分组。

我有这些数据:

id      date          grade
A       2020-01-01    100
B       2020-01-11    200
C       2020-01-21    500
D       2020-01-21    300
E       2020-02-01    100
F       2020-02-01    200

我想按月绘制平均成绩。这是我到目前为止得到的:

df = pd.to_datetime(df["date"], format="%m/%d/%y %I:%M%p")

df_grouped = df.groupby(
    by=[df.index.month, df.index.year]
)

df.grade.mean().plot()

问题是我不知道如何使用 plotly 和 streamlit 来做同样的事情(或类似的事情)。

有什么想法吗?

【问题讨论】:

【参考方案1】:

你还没有指定你想要什么样的酒吧类型,但我猜go.Bar() 会做。但我们可以改变这一点。对于分组和聚合,我将使用以下方法:

df['date'] = pd.to_datetime(df["date"])
df['months'] = df['date'].dt.month_name()
df_months = df.groupby(['months']).agg('mean').reset_index()
new_order = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
df_months['months'] = pd.Categorical(df_months['months'], categories=new_order, ordered=True)
df_months = df_months.sort_values('months')

为什么这么复杂?因为我假设您希望在 x 轴上有月份名称。在按月份名称对值进行分组和聚合之后,月份的顺序可能会变得混乱。上面有些费力的方法确保不会发生这种情况,并且您可以按照正确的月份顺序绘制此条形图:

完整代码:

import pandas as pd
import plotly.graph_objects as go

df = pd.DataFrame('id': 0: 'A', 1: 'B', 2: 'C', 3: 'D', 4: 'E', 5: 'F',
                     'date': 0: '2020-01-01',
                      1: '2020-01-11',
                      2: '2020-01-21',
                      3: '2020-01-21',
                      4: '2020-02-01',
                      5: '2020-02-01',
                     'grade': 0: 100, 1: 200, 2: 500, 3: 300, 4: 100, 5: 200)

df['date'] = pd.to_datetime(df["date"])
df['months'] = df['date'].dt.month_name()
df_months = df.groupby(['months']).agg('mean').reset_index()
new_order = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
df_months['months'] = pd.Categorical(df_months['months'], categories=new_order, ordered=True)
df_months = df_months.sort_values('months')

fig=go.Figure(go.Bar(x=df_months.months, y=df_months.grade))
fig.show()

【讨论】:

我正在尝试这段代码,但有一件事让我想到,如果我有多年的时间,这应该行不通,对吧? @dummyds 也许不是这种确切的方法。但可能还有其他方法。所以我建议你把它写下来作为答案,我们会从那里拿走它

以上是关于如何在 streamlit 上按周期分组绘制图表?的主要内容,如果未能解决你的问题,请参考以下文章

Streamlit `altair_chart` 图表不是交互式的

带有分组数据过滤器的 Google 仪表板 - 如何绘制分组数据图表

如何分组并绘制它

如何在 streamlit 中显示 backtrader 返回的图表?

如何使用分组绘制连续数据

excel绘制散点图时,如何进行分组绘图?