flask通过echarts调用数据库内容
时间:2022-09-12 来源:未知 投稿:admin 点击:次
例:
py文件内容
html文件内容
py文件内容
@app.route('/score') def score(): score = [] #评分 num = [] #每个评分的电影数量 con = sqlite3.Connection("movie.db") cur = con.cursor() sql = "select score,count(score) from movie250 group by score" #score查询分数,count(score)统计该分数的影片数量,group by score按照评分进行分组 data = cur.execute(sql) for item in data: score.append(item[0]) num.append(item[1]) cur.close() con.close() return render_template("score.html",score=score,num=num)
html文件内容
<<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ECharts</title> <!-- 引入刚刚下载的 ECharts 文件 --> <script src="echarts.js"></script> </head> <body> <!-- 为 ECharts 准备一个定义了宽高的 DOM --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var
option = { xAxis: { type: 'category', data: {{ score }} }, yAxis: { type: 'value' }, series: [ { data: {{ num }}, type: 'bar', showBackground: true, backgroundStyle: { color: 'rgba(180, 180, 180, 0.2)' } } ] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script> </body> </html>
如果您的问题仍未解决,还可以加入服务器在线技术交流QQ群:8017413寻求帮助。
相关内容