码迷,mamicode.com
首页 > 编程语言 > 详细

Python + Flask + Bootstarp 生成分析图表

时间:2016-01-10 22:31:03      阅读:828      评论:0      收藏:0      [点我收藏+]

标签:

直接上代码:view.py

#-------------------------------------
1
user_question_data = [] 2 for u in users: 3 color=COLOR_LIB[random.randint(0,(len(COLOR_LIB))-1)] 4 u.question_num = db_session.query(Question).filter(Question.user_id==u.id).count() 5 user_question_data.append({"value":u.question_num,"color":color, "label":u.username}) 6 print(json.dumps(user_question_data)) 7 #print(jsonify(json.dumps(user_question_data))) 8 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类库及Jqery类库。需要注意Jinja模板转义的情况,在页面上 {{变量名 | safe}}方可。

技术分享

Python + Flask + Bootstarp 生成分析图表

标签:

原文地址:http://www.cnblogs.com/purple-blog/p/5119140.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!