使用 Flask + jQuery + Chartist.js 制作动态图表

Chartist.js 是一个非常简单而且实用的 JavaScript 前端图表生成器，它支持 SVG 格式，图表数据转换十分灵活，同时也支持多种图表展现形式，不失为一款前端开发者的开发利器。

效果图

后台逻辑处理代码 main.py：

# coding:utf-8
from flask import Flask, render_template, jsonify
import random

app = Flask(__name__)


@app.route('/')
def index():
    return render_template('chart.html')


@app.route('/data')
def data():
    # sample 从指定序列中随机获取指定长度的片断，sample函数不会修改原有序列
    return jsonify({'results': random.sample(xrange(1, 10), 5)})


if __name__ == '__main__':
    app.run(debug=True)

前段页面代码 chart.html：

    
    
    
    
    


Update the Chart!