建立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>
    <!-- 引入 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: [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, 然后列表切片

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