【Flask+Echarts】使用Flask框架可视化的案例

Echarts简介

• Echarts 缩写来自 Enterprise Charts（商业级数据图表），是百度的一个开源的数据可视化工具

• Echarts 能够绘制 2D 和 3D 的饼状图、柱状图、折线图等几乎所有我们能够见到的图形

• Echarts 能够在 PC 端和移动设备上流畅运行，兼容当前绝大部分浏览器

• Echarts 是一个纯 JavaScript 的图表库，底层依赖轻量级的 Canvas 库 ZRender

• 官网: https://echarts.apache.org/zh/index.html

准备工作

• 下载所需要的库
  
• 若下载的速度太慢可以换源下载
  

清华源:https://pypi.tuna.tsinghua.edu.cn/simple/

• 创建Flask工程，这边可以直接创建Flask工程，也可以先创建一个普通的Python项目，然后创建以下几个文件夹即可

• static目录放置静态文件
• templates放置一些页面的文件

查看所需要的数据文件

数据下载路径:点击下载
跳转顶部

---

程序的编写

utils类

在这文件里主要需要做的任务就是连接数据库，然后再处理数据，将梳理好的数据发送给app

• 导入库

import pandas as pd
import pymysql

• 连接数据库

def connFun():
    conn = pymysql.connect(host="localhost"
                           , user="root"
                           , password="123456"
                           , port=3306
                           , db="dataView")
    sql = "select * from night"
    data = pd.read_sql(sql, conn)
    return data

• 对数据来进行处理

def analysisFun():
    value = connF