【项目】全国疫情实时追踪——python爬虫+flask+echarts实现（超详细）

]

)

}

},

data: data

}

]

};

// Enable data zoom when user click bar.

var zoomSize = 6;

myChart.on(‘click’, function (params) {

console.log(dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)]);

myChart.dispatchAction({

type: ‘dataZoom’,

startValue: dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)],

endValue: dataAxis[Math.min(params.dataIndex + zoomSize / 2, data.length - 1)]

});

});

option && myChart.setOption(option);

接下来是css得代码

#title{

position: absolute;

width:40%;

height:10%;

top:0;

left : 30%;

background-color: #47c6e9;

font-size: 30px;

display:flex;

align-items:center;

justify-content:center;

}

#time{

position: absolute;

height:10%;

width: 30%;

top:0%;

right:0%;

font-size:20px;

background-color: #47c6e9;

}

#ls{

position: absolute;

height:10%;

width: 30%;

top:0%;

left:0%;

font-size:30px;

background-color: #47c6e9;

}

#z1{

position: absolute;

width:40%;

height:30%;

top:10%;

left : 30%;

background-color: #47c6e9;

/* background:#black; */

}

#z2{

position: absolute;

width:40%;

height:70%;

top:30%;

left : 30%;

/* background:white; */

}

#zuo1{

position: absolute;

width:30%;

height:45%;

top:10%;

left : 0;

background:#666666;

}

#zuo2{

position: absolute;

width:30%;

height:45%;

top:55%;

left : 0;

background:#666666;

}

#y1{

position: absolute;

width:30%;

height:45%;

top:10%;

right : 0%;

background-color: #47c6e9;

}

#y2{

position: absolute;

width:30%;

height:45%;

top:55%;

right : 0%;

background-color: #47c6e9;

}

.num{

width:25%;

float:left;

display:flex;

align-items:center;

justify-content:center;

color:gold;

font-size:10px;

}

.num1{

width:25%;

float:left;

display:flex;

align-items:center;

justify-content:center;

color:green;

font-size:10px;

}

.num2{

width:25%;

float:left;

display:flex;

align-items:center;

justify-content:center;

color:red;

font-size:10px;

}

.num3{

width:25%;

float: right;

display: ;

align-items:center;

justify-content:center;

color:wh:;;

font-size:10px;

}

.txt{

width:25%;

float:left;

font-family:‘幼圆’;

display:flex;

align-items:center;

justify-content:center;

color:white;

}

.txt h2{

margin:0;

}

前端基本都布置好了，我们可以来写后端程序了

三.

flask的应用！！

首先我们得下载flask

下载方法就是pip得方法，我就不多说了。

就是flask得环境配置我说一下，我们先看图。

社区版我们需要自己创建这flask得文件夹，然后在里面创建这些文件夹。

我们剩下的直接看flask的代码。

from flask import Flask

from flask import render_template ,request,redirect,jsonify

import dr

app = Flask(name)

@app.route(‘/’)

def hello_world():

return render_template(‘lianxi.html’,data=dr.get_data2(),data2 = dr.get_data3(),data3 = dr.get_data4())

@app.route(‘/time’)

def get_time():

return dr.get_time()

@app.route(‘/data’)

def get_data():

data = dr.get_data()

return jsonify({‘confirm’:data[0],‘heal’:data[1],‘dead’:data[2],‘shuru’:data[3]})

import time

import csv

def get_time():

time_str = time.strftime(‘%Y{}%m{}%d{} %X’)

return time_str.format(‘年’,‘月’,‘日’)

def get_data():

with open(r’C:\Users\admin\PycharmProjects\untitled\实战案例\yqin.csv’,‘r’)as f:

list1=[]

list3=[]

f1=csv.reader(f)

for i in f1:

list1.append(i)

list2 = list1[1]

list3.append(list2[1])

list3.append(list2[3])

list3.append(list2[4])

list3.append(list2[6])

return tuple(list3)

def get_data1():

with open(r’C:\Users\admin\PycharmProjects\untitled\yq1.csv’, ‘r’, newline=‘’)as f:

f1 = csv.reader(f)

lit2 = []

dict1 = []

for i in f1:

lit1 = []

if i[0] == ‘省份’:

continue

else:

lit1.append({“name”:i[0],“value”:int(i[1])})

lit1.append(i[0])

lit1.append(int(i[1]))

lit2.append(lit1)

return {‘data’:lit1}

return lit2

def get_data2():

lit= []

f = get_data1()

for i in f:

lit.append({“name”:i[0],“value”:int(i[1])})

return jsonify({“data”:lit})

return lit

def get_data3():

f = get_data1()

list1 = []

list2 = []
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注Python）

eturn jsonify({“data”:lit})

return lit

def get_data3():

f = get_data1()

list1 = []

list2 = []
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-npmHNBhc-1712974575557)]

[外链图片转存中…(img-JR6UlQ0k-1712974575558)]

[外链图片转存中…(img-xvZdh1At-1712974575558)]

[外链图片转存中…(img-91b19ZhS-1712974575559)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注Python）