建立flask项目，获取gdp数据库中前10个国家的gdp数据，完成以下可视化任务。

cow427kk · 发表于 2021-7-6 14:51:15

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

（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的散点图显示。
已成功导入数据库，但是不知道如何只提取前十行数据

leafu · 发表于 2021-7-6 16:01:59

把你代码发上来呀。。。。。。

西瓜味的苹果 · 发表于 2021-7-6 16:09:58

cow427kk · 发表于 2021-7-8 17:14:44

前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:15:30

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:16:29

cow427kk 发表于 2021-7-8 17:15
这里是写了一部分的代码

这是html代码，还不太会更改，有错误在x，y数据的设置上

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<script src="static/echarts.min.js"></script>
</head>
<body>
<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: [5, 20, 36, 10, 10, 20],
smooth:true
},{
name: '产量',
type: 'line',
data: [15, 40, 67, 23, 50, 10],
smooth:true
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body>
</html>

复制代码

cow427kk · 发表于 2021-7-8 17:17:08

leafu 发表于 2021-7-6 16:01
把你代码发上来呀。。。。。。

你好，我发了一点我做到一半的代码，后面有点不太会所以写的很乱

学渣李某人 · 发表于 2021-7-8 17:21:26

readlines, 然后列表切片

账号		自动登录	找回密码
密码			立即注册

建立flask项目，获取gdp数据库中前10个国家的gdp数据，完成以下可视化任务。

马上注册，结交更多好友，享用更多功能^_^

浏览过的版块