streamlit基本使用

1.设置标题

import streamlit as st #1.12.2
st.title('Data Visualization')
# 副标题
st.header("country:"+country)
)

2.单选框

import streamlit as st
data = pd.read_csv('data/data.csv')
st.sidebar.header("请在这里筛选:")
country = st.sidebar.selectbox(
    "选择国家:",
    options=sorted(data['location'].unique()), # 单选框内容为location列数据
)

3.日期选择

import streamlit as st
# 将字符串日期转为日期格式,并排序
date_sorted = sorted([datetime.datetime.strptime(i, "%Y-%m-%d") for i in set(data['date'])])
date_min = st.sidebar.date_input(
        '选择起始日期:',
        date_sorted[0],
        min_value=date_sorted[0],
        max_value=date_sorted[-1],
    )

4.设置块区域

import streamlit as st
col1, col2= st.columns([1,1])
with col1:
	# 填写col1区域的代码
with col2:
	# 填写col2区域的代码

5.绘制时间动态折线图进度条

import time
import streamlit as st
chart = st.line_chart(data.iloc[[0],:],width=1200,height=600)
progress_bar = st.sidebar.progress(0)
status_text = st.sidebar.empty()
with col2:
    for i in range(1,len(data)):
        if i==1:
            st.sidebar.write(country, '日期总天数:', len(data),"天")
        new_rows = data.iloc[[i],:]
        progress=(int(i/(len(data)-1)*100))
        status_text.text("Complete %i%% " % progress)
        chart.add_rows(new_rows)
        progress_bar.progress(progress)
        time.sleep(0.05)
st.sidebar.button("Re-run")
st.stop()

6.streamlit嵌套plotly地图

import streamlit as st
import plotly.express as px #5.10.0
# 地图函数
def func_map(data):
    fig = px.scatter_mapbox(data,
                            lon='lon',  # 输入经度坐标
                            lat='lat',  # 输入纬度
                            size=16, # 坐标点的大小
                            hover_name='location', # 鼠标经过显示信息字段的名称列名
                            hover_data= [], # 鼠标经过显示信息字段列表
                            size_max=16, # 字体大小
                            zoom=0
    )

    fig.update_layout(mapbox={'accesstoken': token,
                              'center': {'lon': 106.573, 'lat': 30.66342}, # 设置地图中心点
                              'zoom': 0,
                              },
                      margin={'l': 0, 'r': 0, 't': 0, 'b': 0})
    return fig
# 地图嵌入
with col1:
    col1.plotly_chart(fig)
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

荼靡~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值