flask mysql echart_Flask+Echarts实现数据可视化(一)

本文介绍如何利用Flask-SQLAlchemy框架连接MySQL数据库,创建数据模型,并通过Echarts实现数据可视化。首先,定义了Url_top10和Key_max两个数据模型,接着在后台处理程序中查询数据并封装成适合Echarts展示的格式,最后通过Jinja2模板引擎传递到前端页面,展示柱状图、饼图和折线图。项目实现了2018年最受欢迎的网站点击量统计以及王俊凯、王源和杨洋在2016-2018年的F次数对比。
摘要由CSDN通过智能技术生成

任务说明:

基于Flask-SQLAlchemy框架编写数据库映射模型,完成数据库表结构映射模型。

编写可视化后台处理程序,按照三个数据统计图表的数据格式进行数据封装,并将封装后的数据传递到Jinja2模板的自定义变量中。

在前端页面中,使用Jinja2模板引擎获取相关统计图表数据并传递给前端页面中相应的echarts组件。

运行程序,访问本地可视化网页URL,查看数据可视化Web页面。

完成echarts_front.html文件的以下函数编码实现如下功能:

将2018最受欢迎的10个网站及其点击量,依照点击量绘制成一幅柱状图与一幅饼图,并显示在网页上。

将王俊凯、王源和杨洋分别在2016年1月至2018年12月每个月的出现的F次数共三条折线绘制到同一幅图折线图中,并显示在网页。

项目结构:

a7651e94cac56809d82356e6e9687769.png

init

from flask import Flask

from flask_sqlalchemy import SQLALchemy

from config import Config

app = Flask(__name__)

app.config.from_object(Config)

db = SQLALchemy(app)

2.config

class Config(Object):

SQ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值