使用Flask+Echarts+Jinja,读取mysql数据库中“湖南省各市确诊病例统计”数据,并读取城市、2月1日、2月8日、2月15日这些数据,
时间: 2024-05-15 18:15:20 浏览: 56
湖南省市列表,数据库添加数据时使用
然后在网页上展示成图表的形式。
首先,需要安装Flask、pymysql、pyecharts等库。然后,可以按照以下步骤进行操作:
1. 创建一个Flask应用程序,在程序中连接MySQL数据库,读取数据。
```python
from flask import Flask, render_template
from flask_mysqldb import MySQL
app = Flask(__name__)
# 配置MySQL连接,这里使用的是本地连接
app.config['MYSQL_HOST'] = 'localhost'
app.config['MYSQL_USER'] = 'root'
app.config['MYSQL_PASSWORD'] = '123456'
app.config['MYSQL_DB'] = 'test'
# 创建MySQL对象,并连接数据库
mysql = MySQL(app)
# 读取数据
@app.route('/')
def index():
cur = mysql.connection.cursor()
cur.execute("SELECT city, feb1, feb8, feb15 FROM data")
data = cur.fetchall()
cur.close()
return render_template('index.html', data=data)
```
2. 在模板文件中使用pyecharts绘制图表。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>湖南省各市确诊病例统计</title>
{{ echarts_js }}
{{ echarts_css }}
</head>
<body>
<div id="main" style="width: 100%; height: 500px;"></div>
<script>
var myChart = echarts.init(document.getElementById('main'));
var option = {
title: {
text: '湖南省各市确诊病例统计'
},
tooltip: {},
legend: {
data: ['2月1日', '2月8日', '2月15日']
},
xAxis: {
data: [
{% for d in data %}
'{{ d[0] }}',
{% endfor %}
]
},
yAxis: {},
series: [
{
name: '2月1日',
type: 'bar',
data: [
{% for d in data %}
{{ d[1] }},
{% endfor %}
]
},
{
name: '2月8日',
type: 'bar',
data: [
{% for d in data %}
{{ d[2] }},
{% endfor %}
]
},
{
name: '2月15日',
type: 'bar',
data: [
{% for d in data %}
{{ d[3] }},
{% endfor %}
]
}
]
};
myChart.setOption(option);
</script>
</body>
</html>
```
3. 启动Flask应用程序,访问网址即可查看图表。
```python
if __name__ == '__main__':
app.run(debug=True)
```
以上就是使用Flask Echarts Jinja读取MySQL数据库中数据,并展示成图表的方法。注意,这里只是一个示例,实际项目中可能需要根据具体情况进行相应的修改。
阅读全文