python+flask+mysql实现数据可视化

准备工作：

1、Python3
2、Echarts,下载地址：echarts
3、Flask

项目结构

创建DB

使用sqlite数据库

# -*- coding: utf-8 -*-
'''
@author: liudinglong

@software: pycharm

@file:  create_db.py

@time: 2019/10/25 17:30

'''
# coding=utf-8
import sqlite3

import sys
import importlib,sys
importlib.reload(sys)
# 连接
conn = sqlite3.connect('mydb.db')
conn.text_factory = str
c = conn.cursor()

# 创建表
c.execute('''DROP TABLE IF EXISTS finance''')
c.execute('''CREATE TABLE finance (month text, evaporation text, precipitation text)''')

# 数据
# 格式：月份,收入,支出
purchases = [('1月', 2, 2.6),
             ('2月', 4.9, 5.9),
             ('3月', 7, 9),
             ('4月', 23.2, 26.4),
             ('5月', 25.6, 28.7),
             ('6月', 76.7, 70.7),
             ('7月', 135.6, 175.6),
             ('8月', 162.2, 182.2),
             ('9月', 32.6, 48.7),
             ('10月', 20, 18.8),
             ('11月', 6.4, 6),
             ('12月', 3.3, 2.3)
             ]

# 插入数据
c.executemany('INSERT INTO finance VALUES (?,?,?)', purchases)

# 提交！！！
conn.commit()



# 查询方式一
for row in c.execute('SELECT * FROM finance'):
    print(row)

# 查询方式二
c.execute('SELECT * FROM finance')
print(c.fetchall())

# 查询方式二_2
res = c.execute('SELECT * FROM finance')
print(res.fetchall())



# 关闭
conn.close()

运行程序代码：

# -*- coding: utf-8 -*-
'''
@author: liudinglong

@software: pycharm

@file:  app.py

@time: 2019/10/29 8:50

'''

import sqlite3
from flask import Flask, request, render_template, jsonify
import importlib,sys
importlib.reload(sys)
from flask_bootstrap import Bootstrap


app = Flask(__name__)
##app.config['DEBUG'] = True

bootstrap = Bootstrap(app)

def get_db():
    db = sqlite3.connect('mydb.db')

    db.row_factory = sqlite3.Row
    return db


def query_db(query, args=(), one=False):
    db = get_db()
    cur = db.execute(query, args)
    db.commit()
    rv = cur.fetchall()
    db.close()
    return (rv[0] if rv else None) if one else rv


@app.route("/", methods=["GET"])
def index():
    return render_template("index.html")


@app.route("/finance", methods=["GET"])
def weather():
    if request.method == "GET":
        res = query_db("SELECT * FROM finance")

    return jsonify(month=[x[0] for x in res],
                   evaporation=[x[1] for x in res],
                   precipitation=[x[2] for x in res])

@app.route('/map')
def map():
    return render_template('base.html')



if __name__ == "__main__":
    app.run(debug=True,port=3333)

效果展示图：

更改颜色，在html中填入数据series中可以加上：

color:'#4ad2ff',
color:'#cc5129',

如图

数据库

HTML代码获取

请加测试开发交流QQ群：696400122，获取html文件。