本文将介绍如何在 web 框架 flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀...
flask 模板渲染
1. 新建一个项目 flask-echarts
在编辑器中选择 new project,然后选择 flask,创建完之后,pycharm 会帮我们把启动脚本和模板文件夹都建好
2. 拷贝 pyecharts 模板
将链接中的以下模板 ├── jupyter_lab.html ├── jupyter_notebook.html ├── macro ├── nteract.html ├── simple_chart.html ├── simple_page.html └── table.html 全部拷贝到 tempaltes 文件夹中
3.渲染图表
主要目标是将 pyecharts 生成的图表数据在视图函数中返回,所以我们直接在 app.py 中修改代码,如下:
from flask import flask
from jinja2 import markup
from pyecharts import options as opts
from pyecharts.charts import bar
app = flask(__name__, static_folder="templates")
def bar_base() -> bar:
c = (
bar()
.add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])
.add_yaxis("商家a", [5, 20, 36, 10, 75, 90])
.add_yaxis("商家b", [15, 25, 16, 55, 48, 8])
.set_global_opts(title_opts=opts.titleopts(title="bar-基本示例", subtitle="我是副标题"))
)
return c
@app.route("/")
def index():
c = bar_base()
return markup(c.render_embed())
if __name__ == "__main__":
app.run()
直接运行,在浏览器中输入