全国疫情数据可视化展示(详细介绍)

一、全国疫情数据爬取

1.数据表共有两个,分别为details和history,表结构如下:

 

 2.爬取全国疫情数据代码如下:

import requests
import json
import time
import pymysql
import traceback
def get_details():
url = 'https://view.inews.qq.com/g2/getOnsInfo?name=disease_h5&callback=jQuery34102848205531413024_1584924641755&_=1584924641756'
headers ={
'user-agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Safari/537.36 Core/1.70.3741.400 QQBrowser/10.5.3863.400'
}
res = requests.get(url,headers=headers)
response_data = json.loads(res.text.replace('jQuery34102848205531413024_1584924641755(','')[:-1])
areaTree_data = json.loads(response_data['data'])['areaTree']
temp=json.loads(response_data['data'])
ds= temp['lastUpdateTime']
details=[]
for pro_infos in areaTree_data[0]['children']:
province_name = pro_infos['name']
for city_infos in pro_infos['children']:
city_name = city_infos['name']
confirm = city_infos['total']['confirm']
confirm_add = city_infos['today']['confirm']
heal = city_infos['total']['heal']
dead = city_infos['total']['dead']
details.append([ds,province_name,city_name,confirm,confirm_add,heal,dead])
return details
def get_history():
url = 'https://view.inews.qq.com/g2/getOnsInfo?name=disease_other&callback=jQuery341026745307075030955_1584946267054&_=1584946267055'
headers={
'user-agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Safari/537.36 Core/1.70.3741.400 QQBrowser/10.5.3863.400'
}
res = requests.get(url,headers=headers)
response_data = json.loads(res.text.replace('jQuery341026745307075030955_1584946267054(','')[:-1])
data = json.loads(response_data['data'])
chinaDayList = data['chinaDayList']#历史记录
chinaDayAddList = data['chinaDayAddList']#历史新增记录
history = {}
for i in chinaDayList:
ds = '2021.' + i['date']#时间
tup = time.strptime(ds,'%Y.%m.%d')
ds = time.strftime('%Y-%m-%d',tup)#改变时间格式,插入数据库
confirm = i['confirm']
suspect = i['suspect']
heal = i['heal']
dead = i['dead']
history[ds] = {'confirm':confirm,'suspect':suspect,'heal':heal,'dead':dead}
for i in chinaDayAddList:
ds = '2021.' + i['date']#时间
tup = time.strptime(ds,'%Y.%m.%d')
ds = time.strftime('%Y-%m-%d',tup)#改变时间格式,插入数据库
confirm_add = i['confirm']
suspect_add = i['suspect']
heal_add = i['heal']
dead_add = i['dead']
history[ds].update({'confirm_add':confirm_add,'suspect_add':suspect_add,'heal_add':heal_add,'dead_add':dead_add})
return history
def get_conn():
# 创建连接
conn = pymysql.connect(host="127.0.0.1",
user="root",
password="417020",
db="db",
charset="utf8")
# 创建游标
cursor = conn.cursor() # 执行完毕返回的结果集默认以元组显示
return conn, cursor
def close_conn(conn, cursor):
if cursor:
cursor.close()
if conn:
conn.close()

def update_details():
cursor = None
conn = None
try:
li = get_details()
conn,cursor = get_conn()
sql = "insert into details(update_time,province,city,confirm,confirm_add,heal,dead) values(%s,%s,%s,%s,%s,%s,%s)"
sql_query = 'select %s=(select update_time from details order by id desc limit 1)' #对比当前最大时间戳
cursor.execute(sql_query,li[0][0])
if not cursor.fetchone()[0]:
print(f"{time.asctime()}开始更新最新数据")
for item in li:
cursor.execute(sql, item)
conn.commit() # 提交事务 update delete insert操作
print(f"{time.asctime()}更新最新数据完毕")
else:
print(f"{time.asctime()}已是最新数据!")
except:
traceback.print_exc()
finally:
close_conn(conn, cursor)
def insert_history():
cursor = None
conn = None
try:
dic = get_history()
print(f"{time.asctime()}开始插入历史数据")
conn, cursor = get_conn()
sql = "insert into history values(%s,%s,%s,%s,%s,%s,%s,%s,%s)"
for k, v in dic.items():
# item 格式 {'2021-01-13': {'confirm': 41, 'suspect': 0, 'heal': 0, 'dead': 1}
cursor.execute(sql, [k, v.get("confirm"), v.get("confirm_add"), v.get("suspect"),
v.get("suspect_add"), v.get("heal"), v.get("heal_add"),
v.get("dead"), v.get("dead_add")])

conn.commit() # 提交事务 update delete insert操作
print(f"{time.asctime()}插入历史数据完毕")
except:
traceback.print_exc()
finally:
close_conn(conn, cursor)
#根据时间来更新历史数据表的内容
def update_history():
cursor = None
conn = None
try:
dic = get_history()
print(f"{time.asctime()}开始更新历史数据")
conn, cursor = get_conn()
sql = "insert into history values(%s,%s,%s,%s,%s,%s,%s,%s,%s)"
sql_query = "select confirm from history where ds=%s"
for k, v in dic.items():
# item 格式 {'2020-01-13': {'confirm': 41, 'suspect': 0, 'heal': 0, 'dead': 1}
if not cursor.execute(sql_query, k):
cursor.execute(sql, [k, v.get("confirm"), v.get("confirm_add"), v.get("suspect"),
v.get("suspect_add"), v.get("heal"), v.get("heal_add"),
v.get("dead"), v.get("dead_add")])
conn.commit() # 提交事务 update delete insert操作
print(f"{time.asctime()}历史数据更新完毕")
except:
traceback.print_exc()
finally:
close_conn(conn, cursor)
update_history()
insert_history()
update_details()

二、完整项目代码

1.项目结构:

 2..js文件

controller.js:

function gettime(){
$.ajax({
url:"/time",
timeout:10000,
success: function(data) {
$("#time").html(data)
},
error:function(xhr,type,errorThrowm){

}
});
}

function get_c1_data(){
$.ajax({
url:"/c1",
success: function(data) {
$(".num h1").eq(0).text(data.confirm)
$(".num h1").eq(1).text(data.suspect)
$(".num h1").eq(2).text(data.heal)
$(".num h1").eq(3).text(data.dead)
},
error:function(xhr,type,errorThrowm){

}
})
}
function get_c2_data(){
$.ajax({
url:"/c2",
success: function(data) {
ec_center_option.series[0].data=data.data
ec_center.setOption(ec_center_option)
},
error:function(xhr,type,errorThrowm){

}
})
}

function get_l1_data(){
$.ajax({
url:"/l1",
success: function(data) {
ec_left1_Option.xAxis[0].data=data.day
ec_left1_Option.series[0].data=data.confirm
ec_left1_Option.series[1].data=data.suspect
ec_left1_Option.series[2].data=data.heal
ec_left1_Option.series[3].data=data.dead
ec_left1.setOption(ec_left1_Option)
},
error:function(xhr,type,errorThrowm){

}
})
}

function get_l2_data(){
$.ajax({
url:"/l2",
success: function(data) {
ec_left2_Option.xAxis[0].data=data.day
ec_left2_Option.series[0].data=data.confirm_add
ec_left2_Option.series[1].data=data.suspect_add
ec_left2.setOption(ec_left2_Option)
},
error:function(xhr,type,errorThrowm){

}
})
}

function get_r1_data(){
$.ajax({
url:"/r1",
success: function(data) {
ec_right1_Option.xAxis.data=data.city;
ec_right1_Option.series[0].data=data.confirm;
ec_right1.setOption(ec_right1_Option);
}
})
}

function get_r2_data(){
$.ajax({
url:"/r2",
success: function(data) {
ec_right2_Option.xAxis.data=data.city;
ec_right2_Option.series[0].data=data.confirm;
ec_right2.setOption(ec_right2_Option);
}
})
}
gettime()
get_c1_data()
get_c2_data()
get_l1_data()
get_l2_data()
get_r1_data()
get_r2_data()

ec_center.js:
var ec_center=echarts.init(document.getElementById('c2'),"dark");

var mydata=[{'name':'上海','value':318},{'name':'云南','value':162}]

var ec_center_option={
title:{
text: '',
subtext: '',
x: 'left'
},
tooltip:{
trigger:'item'
},
//左侧小导航图标
visualMap:{
show:true,
x:'left',
y:'bottom',
textStyle:{
fontSize:8,
},
splitList: [{start:1,end:9},
{start:10,end:99},
{start:100,end:999},
{start:1000,end:9999},
{start:1000000}],
color:['#8A3310','#C64918','#E55B25','#F2AD92','#F9DCD1']
},
series:[{
name:'累计确诊人数',
type:'map',
mapType:'china',
roam:false,
itemStyle:{
normal:{
borderWidth:.5,//区域边框宽度
borderColor:'#009fe8',//区域边框颜色
areaColor:'#ffefd5',//区域颜色
},
emphasis:{//鼠标划过地图高亮
borderWidth:.5,
borderColor:'#4b0082',
areaColor:"#fff",
}
},
label:{
normal:{
show:true,
fontSize:8,
},
emphasis:{
show:true,
fontSize:8,
}
},
data:mydata//数据
}]
};
ec_center.setOption(ec_center_option)


ec_left1.js:
var ec_left1 = echarts.init(document.getElementById('l1'), "dark");
var ec_left1_Option = {
title: {
text: "全国累计趋势",
textStyle: {
//color:'white',
},
left: 'left',
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'line',
lineStyle: {
color: '#7171C6'
}
},
},
legend: {
data: ["累计确诊", "现有疑似", "累积治愈", "累计死亡"],
left: "right"
},
//图形位置
grid: {
left: '4%',
right: '6%',
bottom: '4%',
top: 50,
containLabel: true
},
xAxis: [{
type: 'category',
data: ['01.24', '01.25', '01.26']
}],
yAxis: [{
type: 'value',
axisLabel: {
show: true,
color: 'white',
fontSize: 12,
formatter: function(value) {
if (value >= 1000) {
value = value / 1000 + 'k';
}
return value;
}
},
//y轴线设置显示
axisLine: {
show: true
},
//与x轴平行的线样式
splitLine: {
show: true,
lineStyle: {
color: '#17273B',
1,
type: 'solid',
}
}
}],
series: [{
name: "累计确诊",
type: 'line',
smooth: true,
data: [260, 406, 529]
}, {
name: "现有疑似",
type: 'line',
smooth: true,
data: [54, 37, 3935]},
{
name: "累积治愈",
type: 'line',
smooth: true,
data: [25, 25, 25]
},{
name: "累计死亡",
type: 'line',
smooth: true,
data: [6, 9, 17]
}]
};
ec_left1.setOption(ec_left1_Option)


ec_left2.js:
var ec_left2 = echarts.init(document.getElementById('l2'), "dark");
var ec_left2_Option = {
tooltip: {
trigger: 'axis',
//指示器
axisPointer: {
type: 'line',
lineStyle: {
color: '#7171C6'
}
},
},
legend: {
data: ['新增确诊', '新增疑似'],
left: "right"
},
//标题样式
title: {
text: "全国新增趋势",
textStyle: {
color:'yellow',
fontSize: 16
},
left: 'left'
},
//图形位置
grid: {
left: '4%',
right: '6%',
bottom: '4%',
top: 50,
containLabel: true
},
xAxis: [{
type: 'category',
//x轴坐标点开始与结束点位置都不在最边缘
// boundaryGap : true,
data: []
}],
yAxis: [{
type: 'value',
//y轴字体设置

//y轴线设置显示
axisLine: {
show: true
},
axisLabel: {
show: true,
color: 'white',
fontSize: 12,
formatter: function(value) {
if (value >= 1000) {
value = value / 1000 + 'k';
}
return value;
}
},
//与x轴平行的线样式
splitLine: {
show: true,
lineStyle: {
color: '#17273B',
1,
type: 'solid',
}
}
}],
series: [{
name: "新增确诊",
type: 'line',
smooth: true,
data: []
}, {
name: "新增疑似",
type: 'line',
smooth: true,
data: []
}]
};

ec_left2.setOption(ec_left2_Option)
 
ec_right1.js:
var ec_right1=echarts.init(document.getElementById('r1'),"dark");
var ec_right1_Option={
title:{
text:"非湖北地区城市确诊TOP5",
textStyle:{
color:'white',
},
left:'left',
},
color:['#3398DB'],
tooltip:{
trigger:'axis',
axisPointer:{
type:'shadow',
}
},
xAxis:{
type:'category',
data:['东莞','珠海','境外输入','邢台','南京']
},
yAxis:{
type:'value',
},
series:[{
data:[99,98,96,94,93],
type:'bar',
barMaxWidth:"50%"
}]
};
ec_right1.setOption(ec_right1_Option)


ec_right2.js:
var ec_right2=echarts.init(document.getElementById('r2'),"dark");
var ec_right2_Option={
title:{
text:"湖北地区城市确诊TOP5",
textStyle:{
color:'white',
},
left:'left',
},
color:['#3398DB'],
tooltip:{
trigger:'axis',
axisPointer:{
type:'shadow',
}
},
xAxis:{
type:'category',
data:['东莞','珠海','境外输入','邢台','南京']
},
yAxis:{
type:'value',
},
series:[{
data:[99,98,96,94,93],
type:'bar',
barMaxWidth:"50%"
}]
};
ec_right2.setOption(ec_right2_Option)

(其余js文件需从Echarts官网下载)

3.main.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>疫情监控</title>
<script src="../static/js/jquery-3.5.1.js"></script>
<script src="../static/js/jquery-3.6.0.min.js"></script>
<script src="../static/js/echarts.min.js"></script>
<script src="../static/js/china.js"></script>
<link href="../static/css/main.css" rel="stylesheet" />
<style>

</style>
</head>
<body>
<div id="title">全国疫情实时追踪</div>
<div id="time">我是时间</div>
<div id="l1">我是左1</div>
<div id="l2">我是左2</div>
<div id="c1">
<div class="num"><h1>123</h1></div>
<div class="num"><h1>123</h1></div>
<div class="num"><h1>123</h1></div>
<div class="num"><h1>123</h1></div>
<div class="txt"><h2>累计确诊</h2></div>
<div class="txt"><h2>剩余疑似</h2></div>
<div class="txt"><h2>累计治愈</h2></div>
<div class="txt"><h2>累计死亡</h2></div>
</div>
<div id="c2">我是中2</div>
<div id="r1">我是右1</div>
<div id="r2"></div>
<script src="../static/js/ec_center.js"></script>
<script src="../static/js/ec_left1.js"></script>
<script src="../static/js/ec_left2.js"></script>
<script src="../static/js/ec_right1.js"></script>
<script src="../static/js/ec_right2.js"></script>
<script src="../static/js/controller.js"></script>
</body>
</html>

4..py文件
main.py:
from flask import Flask
from flask import request
from flask import render_template
from flask import jsonify
import utils
app = Flask(__name__)

@app.route("/")
def hello_world():
return render_template("main.html")

@app.route("/c1")
def get_c1_data():
data=utils.get_c1_data()
return jsonify({"confirm":data[0],"suspect":data[1],"heal":data[2],"dead":data[3]})

@app.route("/c2")
def get_c2_data():
res=[]
for tup in utils.get_c2_data():
print(tup)
res.append({"name":tup[0],"value":int(tup[1])})
return jsonify({"data":res})

@app.route("/l1")
def get_l1_data():
data=utils.get_l1_data()
day,confirm,suspect,heal,dead=[],[],[],[],[]
for a,b,c,d,e in data:
day.append(a.strftime("%m-%d"))
confirm.append(b)
suspect.append(c)
heal.append(d)
dead.append(e)
return jsonify({"day":day,"confirm":confirm,"suspect":suspect,"heal":heal,"dead":dead})

@app.route("/l2")
def get_l2_data():
data=utils.get_l2_data()
day,confirm_add,suspect_add=[],[],[]
for a,b,c in data:
day.append(a.strftime("%m-%d"))
confirm_add.append(b)
suspect_add.append(c)
return jsonify({"day":day,"confirm_add":confirm_add,"suspect_add":suspect_add})

@app.route("/r1")
def get_r1_data():
data=utils.get_r1_data()
city=[]
confirm=[]
for k,v in data:
city.append(k)
confirm.append(int(v))
return jsonify({"city":city,"confirm":confirm})

@app.route("/r2")
def get_r2_data():
data=utils.get_r2_data()
city=[]
confirm=[]
for k,v in data:
city.append(k)
confirm.append(int(v))
return jsonify({"city":city,"confirm":confirm})

@app.route('/ajax',methods=["get","post"])
def index3():
name=request.values.get("name")
score=request.values.get("score")
print(f"name:{name},score:{score}")
return "10000"

@app.route("/time")
def get_time():
return utils.get_time()




if __name__ == '__main__':
app.run(debug=True)

utils.py:
import time
import pymysql
def get_time():
time_str=time.strftime("%Y{}%m{}%d{} %X")
return time_str.format("年","月","日")

def get_conn():
conn=pymysql.connect(host="127.0.0.1",
user="root",
password="417020",
db="db",
charset="utf8")
cursor=conn.cursor()
return conn,cursor

def close_conn(conn,cursor):
cursor.close()
conn.close()

def query(sql,*args):
conn,cursor=get_conn()
cursor.execute(sql,args)
res=cursor.fetchall()
close_conn(conn,cursor)
return res

def get_c1_data():
sql="select sum(confirm),"
"(select suspect from history order by ds desc limit 1),"
"sum(heal),"
"sum(dead) "
"from details "
"where update_time=(select update_time from details order by update_time desc limit 1)"
res=query(sql)
return res[0]
def get_c2_data():
sql = "select province,sum(confirm) from details "
"where update_time=(select update_time from details "
"order by update_time desc limit 1) "
"group by province"
res=query(sql)
return res

def get_l1_data():
sql="select ds,confirm,suspect,heal,dead from history"
res = query(sql)
return res

def get_l2_data():
sql="select ds,confirm_add,suspect_add from history"
res = query(sql)
return res

def get_r1_data():
sql='SELECT city,confirm FROM '
'(select city,confirm from details '
'where update_time=(select update_time from details order by update_time desc limit 1) '
'and province not in ("湖北","北京","上海","天津","重庆") '
'union all '
'select province as city,sum(confirm) as confirm from details '
'where update_time=(select update_time from details order by update_time desc limit 1) '
'and province in ("北京","上海","天津","重庆") group by province) as a '
'ORDER BY confirm DESC LIMIT 5'
res = query(sql)
return res

def get_r2_data():
sql='SELECT city,confirm FROM '
'(select city,confirm from details '
'where update_time=(select update_time from details order by update_time desc limit 1) '
'and province in ("湖北") '
'union all '
'select province as city,sum(confirm) as confirm from details '
'where update_time=(select update_time from details order by update_time desc limit 1) '
'and province in ("北京","上海","天津") group by province) as a '
'ORDER BY confirm DESC LIMIT 5'
res = query(sql)
return res

if __name__=="__main__":

print(get_r1_data())
print(get_l1_data())
print(get_l2_data())

5.最终实现效果展示:


 
 
 
 
原文地址:https://www.cnblogs.com/zyj3955/p/14644198.html