Flask+Echarts实现数据可视化(一)

任务说明：

1. 基于Flask-SQLAlchemy框架编写数据库映射模型，完成数据库表结构映射模型。
2. 编写可视化后台处理程序，按照三个数据统计图表的数据格式进行数据封装，并将封装后的数据传递到Jinja2模板的自定义变量中。
3. 在前端页面中，使用Jinja2模板引擎获取相关统计图表数据并传递给前端页面中相应的echarts组件。
4. 运行程序，访问本地可视化网页URL，查看数据可视化Web页面。

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

1. 将2018最受欢迎的10个网站及其点击量，依照点击量绘制成一幅柱状图与一幅饼图，并显示在网页上。
2. 将王俊凯、王源和杨洋分别在2016年1月至2018年12月每个月的出现的F次数共三条折线绘制到同一幅图折线图中，并显示在网页。

项目结构：

1. 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):
  SQLALCHEMY_DATABASE_URI = ‘mysql+pymysql