(七)解析Streamlit的数据元素:探索st.dataframe、st.data_editor、st.column_config、st.table、st.metric和st.json的神奇之处(中)

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
简介: (七)解析Streamlit的数据元素:探索st.dataframe、st.data_editor、st.column_config、st.table、st.metric和st.json的神奇之处

4.3 使用 st.column_config.NumberColumn 定制数据编辑器的数字列


import pandas as pd
import streamlit as st
data_df = pd.DataFrame(
    {
        "price": [20, 950, 250, 500],
    }
)
st.data_editor(
    data_df,
    column_config={
        "price": st.column_config.NumberColumn(
            "Price (in USD)",
            help="The price of the product in USD",
            min_value=0,
            max_value=1000,
            step=1,
            format="$%d",
        )
    },
    hide_index=True,
)

在本节中,我们将介绍如何使用 st.column_config.NumberColumn 来定制数据编辑器的数字列。


在上述示例中,我们创建了一个名为 data_df 的数据框,其中包含一个名为 “price” 的列,存储了一些产品的价格。


然后,使用 st.data_editor 来展示可编辑的数据框,并通过 column_config 参数对列进行定制。这次我们针对 “price” 列使用了 st.column_config.NumberColumn 进行定制。


我们为 “price” 列创建了一个 st.column_config.NumberColumn 对象,并指定了以下参数:


title:设置列的标题为 “Price (in USD)”。

help:提供帮助文本,说明该列存储的是产品的美元价格。

min_value:设置最小值为 0,限制输入值不能小于 0。

max_value:设置最大值为 1000,限制输入值不能大于 1000。

step:设置步长为 1,控制数字输入的增减间隔。

format:我们使用 “$%d” 的格式来显示价格,让输入值自动前面添加美元符号。

通过使用 st.column_config.NumberColumn,我们可以对数字列进行更精细的控制和格式化。可以设置标题、帮助文本、最小值、最大值、步长和显示格式,以确保用户提供有效的数字输入。


使用定制的数字列,我们可以更好地管理和处理与数字相关的数据,增强数据编辑器的功能和用户体验。


4.4 使用 st.column_config.CheckboxColumn 定制数据编辑器的复选框列


import pandas as pd
import streamlit as st
data_df = pd.DataFrame(
    {
        "widgets": ["st.selectbox", "st.number_input", "st.text_area", "st.button"],
        "favorite": [True, False, False, True],
    }
)
st.data_editor(
    data_df,
    column_config={
        "favorite": st.column_config.CheckboxColumn(
            "Your favorite?",
            help="Select your **favorite** widgets",
            default=False,
        )
    },
    disabled=["widgets"],
    hide_index=True,
)

在本节中,我们将介绍如何使用 st.column_config.CheckboxColumn 来定制数据编辑器的复选框列。


在上述示例中,我们创建了一个名为 data_df 的数据框,其中包含两列:一个名为 “widgets”,存储了几个 Streamlit 的小部件命令;另一个名为 “favorite”,存储了用户对小部件的喜好情况。


然后,我们使用 st.data_editor 来展示可编辑的数据框,并通过 column_config 参数对列进行定制。这次我们针对 “favorite” 列使用了 st.column_config.CheckboxColumn 进行定制。


我们为 “favorite” 列创建了一个 st.column_config.CheckboxColumn 对象,并指定了以下参数:


title:设置列的标题为 “Your favorite?”。

help:提供帮助文本,以解释该列是关于用户对小部件的喜好情况的选择复选框。

default:设置默认值为 False,即未选中复选框。

通过使用 st.column_config.CheckboxColumn,我们可以对复选框列进行定制和控制。可以设置标题、帮助文本和默认值,以提供更好的用户体验和数据交互性。


注意,我们还通过将 “widgets” 列添加到 disabled 参数中来禁用了该列的编辑。这样,用户将无法编辑 “widgets” 列的值。


使用定制的复选框列,我们可以更好地了解用户对特定选项的喜好与意见。这在收集用户反馈、偏好调查等场景中非常有用。


4.5 使用 st.column_config.SelectboxColumn 定制数据编辑器的下拉框列


import pandas as pd
import streamlit as st
data_df = pd.DataFrame(
    {
        "category": [
            "📊 Data Exploration",
            "📈 Data Visualization",
            "🤖 LLM",
            "📊 Data Exploration",
        ],
    }
)
st.data_editor(
    data_df,
    column_config={
        "category": st.column_config.SelectboxColumn(
            "App Category",
            help="The category of the app",
            width="medium",
            options=[
                "📊 Data Exploration",
                "📈 Data Visualization",
                "🤖 LLM",
            ],
        )
    },
    hide_index=True,
)


在本节中,我们将介绍如何使用 st.column_config.SelectboxColumn 来定制数据编辑器的下拉框列。


在上述示例中,我们创建了一个名为 data_df 的数据框,其中包含一个名为 “category” 的列,存储了应用的分类信息。


然后,我们使用 st.data_editor 来展示可编辑的数据框,并通过 column_config 参数对列进行定制。这次我们针对 “category” 列使用了 st.column_config.SelectboxColumn 进行定制。


我们为 “category” 列创建了一个 st.column_config.SelectboxColumn 对象,并指定了以下参数:


title:设置列的标题为 “App Category”。

help:提供帮助文本,解释该列是关于应用分类的下拉框。

width:设置下拉框的宽度为 “medium”,使其具有中等宽度。

options:设置下拉框的选项为 [“📊 Data Exploration”, “📈 Data Visualization”,

“🤖 LLM”],即用户可以从这些选项中选择。

通过使用 st.column_config.SelectboxColumn,我们可以对下拉框列进行定制和控制。可以设置标题、帮助文本、宽度和选项,以便用户能够从预定义的选项中进行选择。


在数据编辑器中使用定制的下拉框列,可以提供更好的数据交互性和用户体验,尤其对于需要从特定选项中选择的数据字段来说。


4.6 使用 st.column_config.DatetimeColumn 定制数据编辑器的日期时间列


from datetime import datetime
import pandas as pd
import streamlit as st
data_df = pd.DataFrame(
    {
        "appointment": [
            datetime(2024, 2, 5, 12, 30),
            datetime(2023, 11, 10, 18, 0),
            datetime(2024, 3, 11, 20, 10),
            datetime(2023, 9, 12, 3, 0),
        ]
    }
)
st.data_editor(
    data_df,
    column_config={
        "appointment": st.column_config.DatetimeColumn(
            "Appointment",
            min_value=datetime(2023, 6, 1),
            max_value=datetime(2025, 1, 1),
            format="D MMM YYYY, h:mm a",
            step=60,
        ),
    },
    hide_index=True,
)

在本节中,我们将介绍如何使用 st.column_config.DatetimeColumn 来定制数据编辑器的日期时间列。


在上述示例中,我们创建了一个名为 data_df 的数据框,其中包含一个名为 “appointment” 的列,存储了预约的日期和时间。


然后,我们使用 st.data_editor 来展示可编辑的数据框,并通过 column_config 参数对列进行定制。这次我们针对 “appointment” 列使用了 st.column_config.DatetimeColumn 进行定制。


我们为 “appointment” 列创建了一个 st.column_config.DatetimeColumn 对象,并指定了以下参数:


title:设置列的标题为 “Appointment”。

min_value:设置最小日期时间为 datetime(2023, 6, 1),即2023年6月1日之后的日期时间可选择。

max_value:设置最大日期时间为 datetime(2025, 1, 1),即2025年1月1日之前的日期时间可选择。

format:设置日期时间的显示格式为 “D MMM YYYY, h:mm a”,例如 “5 Feb 2024, 12:30 PM”。

step:设置步长为 60 分钟,即每次改变日期时间时以 60 分钟为单位递增或递减。

通过使用 st.column_config.DatetimeColumn,我们可以对日期时间列进行定制和控制。可以设置标题、最小和最大日期时间、显示格式和步长,以便用户能够在指定的范围内选择合适的日期时间。


在数据编辑器中使用定制的日期时间列,可以方便地进行日期时间的选择和编辑,适用于需要与日期时间相关的数据字段。


4.7 使用 st.column_config.DateColumn 定制数据编辑器的日期列


from datetime import date
import pandas as pd
import streamlit as st
data_df = pd.DataFrame(
    {
        "birthday": [
            date(1980, 1, 1),
            date(1990, 5, 3),
            date(1974, 5, 19),
            date(2001, 8, 17),
        ]
    }
)
st.data_editor(
    data_df,
    column_config={
        "birthday": st.column_config.DateColumn(
            "Birthday",
            min_value=date(1900, 1, 1),
            max_value=date(2005, 1, 1),
            format="DD.MM.YYYY",
            step=1,
        ),
    },
    hide_index=True,
)



在本节中,我们将介绍如何使用 st.column_config.DateColumn 来定制数据编辑器的日期列。


在上述示例中,我们创建了一个名为 data_df 的数据框,其中包含一个名为 “birthday” 的列,存储了生日信息。


然后,我们使用 st.data_editor 来展示可编辑的数据框,并通过 column_config 参数对列进行定制。这次我们针对 “birthday” 列使用了 st.column_config.DateColumn 进行定制。


我们为 “birthday” 列创建了一个 st.column_config.DateColumn 对象,并指定了以下参数:


title:设置列的标题为 “Birthday”。

min_value:设置最小日期为 date(1900, 1, 1),即1900年1月1日之后的日期可选择。

max_value:设置最大日期为 date(2005, 1, 1),即2005年1月1日之前的日期可选择。

format:设置日期的显示格式为 “DD.MM.YYYY”,例如 “01.01.1980”。

step:设置步长为 1 天,即每次改变日期时以 1 天为单位递增或递减。

通过使用 st.column_config.DateColumn,我们可以对日期列进行定制和控制。可以设置标题、最小和最大日期、显示格式和步长,以便用户能够在指定的范围内选择合适的日期。


在数据编辑器中使用定制的日期列,可以方便地进行日期的选择和编辑,适用于需要与日期相关的数据字段。


4.8 使用 st.column_config.TimeColumn 定制数据编辑器的时间列


from datetime import time
import pandas as pd
import streamlit as st
data_df = pd.DataFrame(
    {
        "appointment": [
            time(12, 30),
            time(18, 0),
            time(9, 10),
            time(16, 25),
        ]
    }
)
st.data_editor(
    data_df,
    column_config={
        "appointment": st.column_config.TimeColumn(
            "Appointment",
            min_value=time(8, 0, 0),
            max_value=time(19, 0, 0),
            format="hh:mm a",
            step=60,
        ),
    },
    hide_index=True,
)


在本节中,我们将介绍如何使用 st.column_config.TimeColumn 来定制数据编辑器的时间列。


在上述示例中,我们创建了一个名为 data_df 的数据框,其中包含一个名为 “appointment” 的列,存储了预约的时间信息。


然后,我们使用 st.data_editor 来展示可编辑的数据框,并通过 column_config 参数对列进行定制。这次我们针对 “appointment” 列使用了 st.column_config.TimeColumn 进行定制。


我们为 “appointment” 列创建了一个 st.column_config.TimeColumn 对象,并指定了以下参数:


title:设置列的标题为 “Appointment”。

min_value:设置最小时间为 time(8, 0, 0),即每天从早上8点之后的时间可选择。

max_value:设置最大时间为 time(19, 0, 0),即每天到晚上7点之前的时间可选择。

format:设置时间的显示格式为 “hh:mm a”,例如 “12:30 PM”。

step:设置步长为 60 分钟,即每次改变时间时以 60 分钟为单位递增或递减。

通过使用 st.column_config.TimeColumn,我们可以对时间列进行定制和控制。可以设置标题、最小和最大时间、显示格式和步长,以便用户能够在指定的范围内选择合适的时间。


在数据编辑器中使用定制的时间列,可以方便地进行时间的选择和编辑,适用于需要与时间相关的数据字段。


4.9 使用 st.column_config.ListColumn 定制数据编辑器的列表列


import pandas as pd
import streamlit as st
data_df = pd.DataFrame(
    {
        "sales": [
            [0, 4, 26, 80, 100, 40],
            [80, 20, 80, 35, 40, 100],
            [10, 20, 80, 80, 70, 0],
            [10, 100, 20, 100, 30, 100],
        ],
    }
)
st.data_editor(
    data_df,
    column_config={
        "sales": st.column_config.ListColumn(
            "Sales (last 6 months)",
            help="The sales volume in the last 6 months",
            width="medium",
        ),
    },
    hide_index=True,
)


在本节中,我们将介绍如何使用 st.column_config.ListColumn 来定制数据编辑器的列表列。


在上述示例中,我们创建了一个名为 data_df 的数据框,其中包含一个名为 “sales” 的列,存储了过去6个月的销售数据。


然后,我们使用 st.data_editor 来展示可编辑的数据框,并通过 column_config 参数对列进行定制。这次我们针对 “sales” 列使用了 st.column_config.ListColumn 进行定制。


我们为 “sales” 列创建了一个 st.column_config.ListColumn 对象,并指定了以下参数:


title:设置列的标题为 “Sales (last 6 months)”。

help:提供对该列的帮助信息,为 “The sales volume in the last 6 months”。

width:设置列的宽度为 “medium”。

通过使用 st.column_config.ListColumn,我们可以对列表列进行定制和控制。可以设置标题、帮助信息和列宽度,以便用户能够更好地了解和操作列表列的数据。


在数据编辑器中使用定制的列表列,可以方便地查看和编辑列表数据,适用于需要存储和处理多个值的数据字段。


4.10 使用 st.column_config.LinkColumn 定制数据编辑器的链接列


import pandas as pd
import streamlit as st
data_df = pd.DataFrame(
    {
        "apps": [
            "https://roadmap.streamlit.app",
            "https://extras.streamlit.app",
            "https://issues.streamlit.app",
            "https://30days.streamlit.app",
        ],
    }
)
st.data_editor(
    data_df,
    column_config={
        "apps": st.column_config.LinkColumn(
            "Trending apps",
            help="The top trending Streamlit apps",
            validate="^https://[a-z]+\.streamlit\.app$",
            max_chars=100,
        )
    },
    hide_index=True,
)


在本节中,我们将介绍如何使用 st.column_config.LinkColumn 来定制数据编辑器的链接列。


在上述示例中,我们创建了一个名为 data_df 的数据框,其中包含一个名为 “apps” 的列,存储了不同的 Streamlit 应用链接。


然后,我们使用 st.data_editor 来展示可编辑的数据框,并通过 column_config 参数对列进行定制。这次我们针对 “apps” 列使用了 st.column_config.LinkColumn 进行定制。


我们为 “apps” 列创建了一个 st.column_config.LinkColumn 对象,并指定了以下参数:


title:设置列的标题为 “Trending apps”。

help:提供对该列的帮助信息,为 “The top trending Streamlit apps”。

validate:设置正则表达式模式,用于验证链接的格式,该模式为

“^https://[a-z]+.streamlit.app$”,表示链接必须以 “https://” 开头,以

“.streamlit.app” 结尾,并且中间部分只能包含小写字母。

max_chars:设置链接显示的最大字符数为 100。

通过使用 st.column_config.LinkColumn,我们可以对链接列进行定制和控制。可以设置标题、帮助信息、验证格式和显示的最大字符数,以便用户能够更好地理解和操作链接列的数据。


在数据编辑器中使用定制的链接列,可以方便地点击链接查看相关内容,适用于需要存储和展示链接数据的字段。

相关文章
|
1月前
|
消息中间件 存储 缓存
十万订单每秒热点数据架构优化实践深度解析
【11月更文挑战第20天】随着互联网技术的飞速发展,电子商务平台在高峰时段需要处理海量订单,这对系统的性能、稳定性和扩展性提出了极高的要求。尤其是在“双十一”、“618”等大型促销活动中,每秒需要处理数万甚至数十万笔订单,这对系统的热点数据处理能力构成了严峻挑战。本文将深入探讨如何优化架构以应对每秒十万订单级别的热点数据处理,从历史背景、功能点、业务场景、底层原理以及使用Java模拟示例等多个维度进行剖析。
55 8
|
1月前
|
数据采集 自然语言处理 搜索推荐
基于qwen2.5的长文本解析、数据预测与趋势分析、代码生成能力赋能esg报告分析
Qwen2.5是一款强大的生成式预训练语言模型,擅长自然语言理解和生成,支持长文本解析、数据预测、代码生成等复杂任务。Qwen-Long作为其变体,专为长上下文场景优化,适用于大型文档处理、知识图谱构建等。Qwen2.5在ESG报告解析、多Agent协作、数学模型生成等方面表现出色,提供灵活且高效的解决方案。
160 49
|
24天前
|
XML JSON JavaScript
HttpGet 请求的响应处理:获取和解析数据
HttpGet 请求的响应处理:获取和解析数据
|
1月前
|
JSON 数据格式 索引
Python中序列化/反序列化JSON格式的数据
【11月更文挑战第4天】本文介绍了 Python 中使用 `json` 模块进行序列化和反序列化的操作。序列化是指将 Python 对象(如字典、列表)转换为 JSON 字符串,主要使用 `json.dumps` 方法。示例包括基本的字典和列表序列化,以及自定义类的序列化。反序列化则是将 JSON 字符串转换回 Python 对象,使用 `json.loads` 方法。文中还提供了具体的代码示例,展示了如何处理不同类型的 Python 对象。
|
1月前
|
存储 分布式计算 Java
存算分离与计算向数据移动:深度解析与Java实现
【11月更文挑战第10天】随着大数据时代的到来,数据量的激增给传统的数据处理架构带来了巨大的挑战。传统的“存算一体”架构,即计算资源与存储资源紧密耦合,在处理海量数据时逐渐显露出其局限性。为了应对这些挑战,存算分离(Disaggregated Storage and Compute Architecture)和计算向数据移动(Compute Moves to Data)两种架构应运而生,成为大数据处理领域的热门技术。
65 2
|
1月前
|
JSON 缓存 前端开发
PHP如何高效地处理JSON数据:从编码到解码
在现代Web开发中,JSON已成为数据交换的标准格式。本文探讨了PHP如何高效处理JSON数据,包括编码和解码的过程。通过简化数据结构、使用优化选项、缓存机制及合理设置解码参数等方法,可以显著提升JSON处理的性能,确保系统快速稳定运行。
|
1月前
|
JavaScript API 开发工具
<大厂实战场景> ~ Flutter&鸿蒙next 解析后端返回的 HTML 数据详解
本文介绍了如何在 Flutter 中解析后端返回的 HTML 数据。首先解释了 HTML 解析的概念,然后详细介绍了使用 `http` 和 `html` 库的步骤,包括添加依赖、获取 HTML 数据、解析 HTML 内容和在 Flutter UI 中显示解析结果。通过具体的代码示例,展示了如何从 URL 获取 HTML 并提取特定信息,如链接列表。希望本文能帮助你在 Flutter 应用中更好地处理 HTML 数据。
122 1
|
1月前
|
数据采集 存储 自然语言处理
基于Qwen2.5的大规模ESG数据解析与趋势分析多Agent系统设计
2022年中国上市企业ESG报告数据集,涵盖制造、能源、金融、科技等行业,通过Qwen2.5大模型实现报告自动收集、解析、清洗及可视化生成,支持单/多Agent场景,大幅提升ESG数据分析效率与自动化水平。
108 0
|
1月前
|
JSON API 数据安全/隐私保护
拍立淘按图搜索API接口返回数据的JSON格式示例
拍立淘按图搜索API接口允许用户通过上传图片来搜索相似的商品,该接口返回的通常是一个JSON格式的响应,其中包含了与上传图片相似的商品信息。以下是一个基于淘宝平台的拍立淘按图搜索API接口返回数据的JSON格式示例,同时提供对其关键字段的解释
|
1月前
|
JSON 前端开发 JavaScript
API接口商品详情接口数据解析
商品详情接口通常用于提供特定商品的详细信息,这些信息比商品列表接口中的信息更加详细和全面。以下是一个示例的JSON数据格式,用于表示一个商品详情API接口的响应。这个示例假定API返回一个包含商品详细信息的对象。

推荐镜像

更多