在数据分析和可视化的领域，选择合适的工具可以让我们事半功倍。今天，我们要介绍的两个工具，Streamlit 和 ECharts，各自在快速应用开发和高效数据可视化方面都有出色的表现。更为令人兴奋的是，当这两者结合时，我们能轻松地创建出互动性强、美观的数据大屏。
工具的简介
Streamlit
Streamlit是一个开源的Python库，允许数据科学家和工程师在几分钟内转化他们的数据脚本为交互的Web应用。其特点在于其简单性和灵活性。开发者无需前端经验，只需要Python基础即可。其声明性的交互模型意味着不必处理回调或服务器配置，Streamlit为你处理了这一切。
ECharts
ECharts是一个由百度开发的开源JavaScript可视化库。它提供了诸如折线、柱状、饼图、散点、地图等丰富的图表类型，并支持多种交互方式，可以轻松地与各种数据源集成，是大数据时代的得力助手。
安装模块的库
在深入实战前，我们首先要确保机器上已经安装了Streamlit和streamlit-echarts。可以通过以下命令轻松完成：
pip install streamlit
pip install streamlit-echartsStreamlit与ECharts实战
在准备工作完成后，我们可以开始使用Streamlit和ECharts创建我们的第一个交互式数据大屏。代码如下
import streamlit as st
from streamlit_echarts import st_echarts
# 定义ECharts的配置
option = {
"title": {"text": "ECharts示例"},
"tooltip": {},
"xAxis": {
"data": ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
},
"yAxis": {},
"series": [
{
"name": "销量",
"type": "bar",
"data": [5, 20, 36, 10, 10, 20]
}
]
}
# 在Streamlit应用中展示ECharts图表
st_echarts(options=option)output
这段代码演示了如何使用streamlit和streamlit_echarts来展示一个ECharts图表。我们导入创建Streamlit Web应用和展示ECharts图表所需的库，接下去，我们定义了一个字典option，它定义了ECharts图表的配置，其中
- title：定义了图表的标题为 "ECharts示例"。
- tooltip：用于当鼠标悬停在图表的数据点上时显示的提示信息。在这里，它被设置为空，这意味着使用默认设置。
- xAxis：定义了 x 轴的数据。在这个示例中，x 轴的数据为一系列商品的名称。
- yAxis：定义了 y 轴的配置。这里为空，意味着使用默认设置。
- series：定义了图表的数据系列。在这里，我们有一个系列（销量）显示为柱状图，其对应的数据也被提供。
最后便是代码st_echarts(optinotallow=option)，使用了st_echarts函数，并将我们之前定义的option作为参数传递，从而渲染相应的图表。我们再来看一下例子，代码如下
from pyecharts import options as opts
from pyecharts.charts import Bar
from streamlit_echarts import st_pyecharts
b = (
Bar()
.add_xaxis(["Microsoft", "Amazon", "IBM", "Oracle", "Google", "Alibaba"])
.add_yaxis(
"2017-2018 Revenue in (billion $)", [21.2, 20.4, 10.3, 6.08, 4, 2.2]
)
.set_global_opts(
title_opts=opts.TitleOpts(
title="Top cloud providers 2018", subtitle="2017-2018 Revenue"
),
toolbox_opts=opts.ToolboxOpts(),
)
)
st_pyecharts(b)output
上述的代码中
- 我们初始化一个
Bar（柱状图）对象。 - 使用
add_xaxis方法添加x轴数据，这里列出了六个云服务提供商的名称。 - 使用
add_yaxis方法添加y轴数据，这里列出了这些云服务提供商在 2017-2018 年的收入（单位：十亿美元）。 - 使用
set_global_opts方法全局设置图表的标题和其他选项。title_opts定义了图表的主标题和副标题。toolbox_opts提供了一些工具，例如保存为图片。
