python动态展示数据_利用 Flask 动态展示 Pyecharts 图表数据方法小结

本文将介绍如何在 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()

直接运行,在浏览器中输入

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要使用 PythonFlask 框架来实现 Web 应用程序,然后连接到你的数据库。 在 Flask 中,你可以使用 Flask-SQLAlchemy 扩展来连接到常见的 SQL 数据库,如 MySQL、PostgreSQL 和 SQLite。这个扩展提供了一个 SQLALCHEMY_DATABASE_URI 配置选项,你需要设置为指向你的数据库的连接字符串。 下面是一个简单的示例,它连接到 SQLite 数据库,并在 Web 页面上显示其中的数据: ```python from flask import Flask, render_template from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///example.db' db = SQLAlchemy(app) class Person(db.Model): id = db.Column(db.Integer, primary_key=True) name = db.Column(db.String(80), nullable=False) def __repr__(self): return f'<Person {self.id}>' @app.route('/') def index(): people = Person.query.all() return render_template('index.html', people=people) ``` 在这个示例中,我们定义了一个名为 Person 的模型,它映射到数据库中的一个表。然后,我们使用 Flask-SQLAlchemy 扩展来连接到 SQLite 数据库,并将其设置为应用程序的默认数据库。 在 index() 视图函数中,我们查询所有的 Person 记录,并将它们传递给一个名为 index.html 的模板,该模板将显示这些记录。 下面是 index.html 模板的代码: ```html <!DOCTYPE html> <html> <head> <title>People</title> </head> <body> <table> <thead> <tr> <th>ID</th> <th>Name</th> </tr> </thead> <tbody> {% for person in people %} <tr> <td>{{ person.id }}</td> <td>{{ person.name }}</td> </tr> {% endfor %} </tbody> </table> </body> </html> ``` 在这个模板中,我们使用一个名为 people 的变量来迭代所有的 Person 记录,并将它们显示在一个 HTML 表格中。 最后,你需要运行这个应用程序,并导航到 http://localhost:5000/,就可以在 Web 页面上看到数据库中的数据了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值