首页 > 文章列表 > 如何使用50行Python代码创建一个动态数据大屏?

如何使用50行Python代码创建一个动态数据大屏?

Python 代码 工具
222 2023-04-24

如何使用50行Python代码创建一个动态数据大屏?

PywebIO介绍

Python当中的PywebIO模块可以帮助开发者在不具备HTML和JavaScript的情况下也能够迅速构建Web应用或者是基于浏览器的GUI应用,PywebIO还可以和一些常用的可视化模块联用,制作成一个可视化大屏。

我们先来安装好需要用到的模块。

PywebIO和Pyecharts的组合当PywebIO模块遇上Pyecharts模块时,代码的逻辑基本上和cutecharts的一致,先是实例化一个图表的对象,然后在添加完数据以及设置好图表的样式之后,最后调用put_html()方法将最后的结果在浏览器中呈现。PywebIO和Bokeh的组合PywebIO和Bokeh的组合从代码的语法上来看会稍微和上面的不太一样,具体的不同如下所示:from bokeh.io import output_notebook
from bokeh.io import show
output_notebook(notebook_type='pywebio')
fig = figure(...)
...
show(fig)

例如我们来绘制一个简单的直方图,代码如下:

基于浏览器的GUI应用除了将Pywebio模块与常用的可视化模块结合用于各种图表的绘制之外,我们还能用它构建一个基于浏览的图形界面,我们先来做一个最为简单的应用,代码如下:from pywebio.input import *
from pywebio.output import *
data = input_group(
"用户数据",
[
input("请问您的名字是: ", name="name", type=TEXT),
input("输入您的年龄", name="age", type=NUMBER),
radio(
"哪个洲的",
name="continent",
options=[
"非洲",
"亚洲",
"澳大利亚",
"欧洲",
"北美洲",
"南美洲",
],
),
checkbox(
"用户隐私条例", name="agreement", options=["同意"]
),
],
)
put_text("表格输出:")
put_table(
[
["名字", data["name"]],
["年龄", data["age"]],
["位置", data["continent"]],
["条例", data["agreement"]],
]
)

output

如何使用50行Python代码创建一个动态数据大屏?

当中部分函数方法的解释如下:

  • input(): 文本内容的输入
  • radio(): 代表的是单选框
  • checkbox(): 代表的是多选框
  • input_group(): 代表的是输入组
  • put_table(): 代表的是输出组
  •  put_text(): 代表的是输出文本