Python + Flask + Bootstarp 生成分析圖表

直接上代碼：view.py

#-------------------------------------
1 user_question_data = []
    for u in users:
        color=COLOR_LIB[random.randint(0,(len(COLOR_LIB))-1)]
        u.question_num = db_session.query(Question).filter(Question.user_id==u.id).count()
        user_question_data.append({"value":u.question_num,"color":color, "label":u.username})
    print(json.dumps(user_question_data))
    #print(jsonify(json.dumps(user_question_data)))
    return render_template('m_analysis.html',u_q_data=repr(user_question_data))

界面腳本代碼：

<script src="/static/js/Chart.min.js"></script>
 <script>
 var uqdata = {{u_q_data|safe}};
    window.onload = function() {
        var ctx_pie = document.getElementById("uqchart").getContext("2d");
        window.myPieChart = new Chart(ctx_pie).Pie(uqdata, {
            responsive : true
        });
    }
 </script>

HTML代碼

<canvas id="uqchart"></canvas>

需要引入Bootstrap類庫及Jquery類庫。需要注意Jinja模板轉義的情況，在頁面上 {{變量名 | safe}}方可。