(七)解析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,我们可以对链接列进行定制和控制。可以设置标题、帮助信息、验证格式和显示的最大字符数,以便用户能够更好地理解和操作链接列的数据。


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

相关文章
|
27天前
|
存储 Java
深入探讨了Java集合框架中的HashSet和TreeSet,解析了两者在元素存储上的无序与有序特性。
【10月更文挑战第16天】本文深入探讨了Java集合框架中的HashSet和TreeSet,解析了两者在元素存储上的无序与有序特性。HashSet基于哈希表实现,添加元素时根据哈希值分布,遍历时顺序不可预测;而TreeSet利用红黑树结构,按自然顺序或自定义顺序存储元素,确保遍历时有序输出。文章还提供了示例代码,帮助读者更好地理解这两种集合类型的使用场景和内部机制。
38 3
|
29天前
|
存储 算法 Java
解析HashSet的工作原理,揭示Set如何利用哈希算法和equals()方法确保元素唯一性,并通过示例代码展示了其“无重复”特性的具体应用
在Java中,Set接口以其独特的“无重复”特性脱颖而出。本文通过解析HashSet的工作原理,揭示Set如何利用哈希算法和equals()方法确保元素唯一性,并通过示例代码展示了其“无重复”特性的具体应用。
41 3
|
22天前
|
自然语言处理 数据可视化 前端开发
从数据提取到管理:合合信息的智能文档处理全方位解析【合合信息智能文档处理百宝箱】
合合信息的智能文档处理“百宝箱”涵盖文档解析、向量化模型、测评工具等,解决了复杂文档解析、大模型问答幻觉、文档解析效果评估、知识库搭建、多语言文档翻译等问题。通过可视化解析工具 TextIn ParseX、向量化模型 acge-embedding 和文档解析测评工具 markdown_tester,百宝箱提升了文档处理的效率和精确度,适用于多种文档格式和语言环境,助力企业实现高效的信息管理和业务支持。
3967 5
从数据提取到管理:合合信息的智能文档处理全方位解析【合合信息智能文档处理百宝箱】
|
25天前
|
数据采集 JSON 数据处理
抓取和分析JSON数据:使用Python构建数据处理管道
在大数据时代,电商网站如亚马逊、京东等成为数据采集的重要来源。本文介绍如何使用Python结合代理IP、多线程等技术,高效、隐秘地抓取并处理电商网站的JSON数据。通过爬虫代理服务,模拟真实用户行为,提升抓取效率和稳定性。示例代码展示了如何抓取亚马逊商品信息并进行解析。
抓取和分析JSON数据:使用Python构建数据处理管道
|
11天前
|
JSON 数据格式 索引
Python中序列化/反序列化JSON格式的数据
【11月更文挑战第4天】本文介绍了 Python 中使用 `json` 模块进行序列化和反序列化的操作。序列化是指将 Python 对象(如字典、列表)转换为 JSON 字符串,主要使用 `json.dumps` 方法。示例包括基本的字典和列表序列化,以及自定义类的序列化。反序列化则是将 JSON 字符串转换回 Python 对象,使用 `json.loads` 方法。文中还提供了具体的代码示例,展示了如何处理不同类型的 Python 对象。
|
12天前
|
存储 分布式计算 Java
存算分离与计算向数据移动:深度解析与Java实现
【11月更文挑战第10天】随着大数据时代的到来,数据量的激增给传统的数据处理架构带来了巨大的挑战。传统的“存算一体”架构,即计算资源与存储资源紧密耦合,在处理海量数据时逐渐显露出其局限性。为了应对这些挑战,存算分离(Disaggregated Storage and Compute Architecture)和计算向数据移动(Compute Moves to Data)两种架构应运而生,成为大数据处理领域的热门技术。
33 2
|
15天前
|
JSON 缓存 前端开发
PHP如何高效地处理JSON数据:从编码到解码
在现代Web开发中,JSON已成为数据交换的标准格式。本文探讨了PHP如何高效处理JSON数据,包括编码和解码的过程。通过简化数据结构、使用优化选项、缓存机制及合理设置解码参数等方法,可以显著提升JSON处理的性能,确保系统快速稳定运行。
|
18天前
|
JavaScript API 开发工具
<大厂实战场景> ~ Flutter&鸿蒙next 解析后端返回的 HTML 数据详解
本文介绍了如何在 Flutter 中解析后端返回的 HTML 数据。首先解释了 HTML 解析的概念,然后详细介绍了使用 `http` 和 `html` 库的步骤,包括添加依赖、获取 HTML 数据、解析 HTML 内容和在 Flutter UI 中显示解析结果。通过具体的代码示例,展示了如何从 URL 获取 HTML 并提取特定信息,如链接列表。希望本文能帮助你在 Flutter 应用中更好地处理 HTML 数据。
99 1
|
8天前
|
JSON API 数据安全/隐私保护
拍立淘按图搜索API接口返回数据的JSON格式示例
拍立淘按图搜索API接口允许用户通过上传图片来搜索相似的商品,该接口返回的通常是一个JSON格式的响应,其中包含了与上传图片相似的商品信息。以下是一个基于淘宝平台的拍立淘按图搜索API接口返回数据的JSON格式示例,同时提供对其关键字段的解释
|
30天前
|
JSON JavaScript Java
在Java中处理JSON数据:Jackson与Gson库比较
本文介绍了JSON数据交换格式及其在Java中的应用,重点探讨了两个强大的JSON处理库——Jackson和Gson。文章详细讲解了Jackson库的核心功能,包括数据绑定、流式API和树模型,并通过示例演示了如何使用Jackson进行JSON解析和生成。最后,作者分享了一些实用的代码片段和使用技巧,帮助读者更好地理解和应用这些工具。
在Java中处理JSON数据:Jackson与Gson库比较

推荐镜像

更多