Flask-- (九) 数据可视化及富文本编辑器

1、echarts框架+ajax获取

Echarts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器，底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。

1.1 使用流程

1、实例化echarts对象

2、编写echarts参数

3、对象加载参数

from flask import jsonify
from sqlalchemy import func
from models import *

# view.py
@user_print.route('/show')
def show():
    """查询统计数据，返回给前端渲染"""
    # 外连接查询
    data = Department.query.outerjoin(Position).outerjoin(Person).group_by(Department.name).with_entities(Department.name, func.count(Person.id)).all()
    datas = dict(data)
    # 关系映射查询
    # department_list = Department.query.all()
    # datas = {}
    # for department in department_list:
    #     count = 0  # 部门人员统计
    #     position_list = department.department_position_map
    #     for position in position_list:
    #         person_list = position.position_person_map
    #         count += len(person_list)
    #         datas[department.name] = count
    datas = {
   
        "x":