建立flask项目，获取gdp数据库中前10个国家的gdp数据，完成以下可视化任务。
（1）将前10个国家的gdp数据从后台传到line.html中，用echarts的折线图显示。（2）将前3个国家的gdp数据从后台传到bar.html中，用echarts的柱状图显示。
（3）将前3个国家的2020年gdp数据从后台传到pie.html中，用echarts的饼图显示。
（4）将前10个国家的2020年gdp数据从后台传到scatter.html中，用echarts的散点图显示。
已成功导入数据库，但是不知道如何只提取前十行数据 把你代码发上来呀。。。。。。 {:10_249:} 前10个国家数据
gdp_rank;"country";"y2016";"y2017";"y2018";"y2019";"y2020"
1;"美国";18959.22;19864.55;20769.42;21615.36;22488.62
2;"中国";11968.41;12864.4;13876.11;14968.59;16157.11
3;"日本";4348.05;4489.3;4591.52;4750.94;4933.5
4;"德国";3513.63;3643.01;3781.26;3929.62;4105.11
5;"英国";2981.53;3142.68;3325.18;3516.09;3730.58
6;"法国";2526.32;2623.35;2735.2;2861.13;3013.03
7;"印度";2510.6;2755.83;3012.9;3311.75;3639.8
8;"巴西";1927.67;2029.91;2132.41;2240.56;2354.45
9;"意大利";1880.88;1941.53;2009.88;2083.44;2172.83
10;"加拿大";1684.29;1768.62;1855.95;1945.35;2044.35
cow427kk 发表于 2021-7-8 17:14
前10个国家数据
gdp_rank;"country";"y2016";"y2017";"y2018";"y2019";"y2020"
这里是写了一部分的代码
from flask import Flask,render_template
from flask_sqlalchemy import SQLAlchemy
from sqlalchemy import *
import config
app = Flask(__name__)
app.config.from_object(config)
db = SQLAlchemy()
db.init_app(app)
class Gdp(db.Model):
__tablename__ = 'gdp'
gdp_rank = db.Column(db.Integer, primary_key=True)
country = db.Column(db.String(255))
y2016 = db.Column(db.Double)
y2017 = db.Column(db.Double)
y2018 = db.Column(db.Double)
y2019 = db.Column(db.Double)
y2020 = db.Column(db.Double)
@app.route("/line")
def line():
x1 = Gdp.query.limit(10)
return render_template('line.html', gdp=x1)
if __name__ == '__main__':
app.run() cow427kk 发表于 2021-7-8 17:15
这里是写了一部分的代码
这是html代码，还不太会更改，有错误在x，y数据的设置上
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="static/echarts.min.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 = {
title: {
text: '折线图'
},
tooltip: {},
legend: {
data:['gdp_rank','country']
},
xAxis: {
data: ["y2016","y2017","y2018","y2019","y2020"]
},
yAxis: {},
series: [{
name: '销量',
type: 'line',
data: ,
smooth:true
},{
name: '产量',
type: 'line',
data: ,
smooth:true
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body>
</html> leafu 发表于 2021-7-6 16:01
把你代码发上来呀。。。。。。
你好，我发了一点我做到一半的代码，后面有点不太会所以写的很乱
readlines, 然后列表切片
页:
[1]