<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>疫情監控</title>
<script src="https://bbs.csdn.net/static/js/jquery-3.1.1.min.js"></script>
<script src="https://bbs.csdn.net/static/js/echarts.min.js"></script>
<script src="https://bbs.csdn.net/static/js/henan.js"></script>
<link rel="stylesheet" href="https://bbs.csdn.net/topics/{{ url_for('static',filename='css/main.css',_external=True) }}">
<style>
</style>
</head>
<body>
<div id="title">河南疫情實時追蹤</div>
<div id="tim">時間</div>
<div id="left1">左上</div>
<div id="left2">左下</div>
<div id="media1">
<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="text"><h2>累計確診</h2></div>
<div class="text"><h2>累計治愈</h2></div>
<div class="text"><h2>累計死亡</h2></div>
<div class="text"><h2>累計疑似</h2></div>
</div>
<div id="media2">中下</div>
<div id="right1">右上</div>
<div id="right2">右下</div>
<script src="https://bbs.csdn.net/static/js/henan_center.js"></script>
<script>
function gettime(){
$.ajax({
url:"/time",
timeout:10000,//超時時間設定為10秒；
success:function(data){
$("#tim").html(data)
},
error:function(xhr,type,errorThrown){
}
});
}
function getdata(){}
$.ajax({
url:"/abc",
timeout:10000,//超時時間設定為10秒；
success:function(data){
$(".num h1").eq(0).text(data['confirm'])
$(".num h1").eq(1).text(data['heal'])
$(".num h1").eq(2).text(data['dead'])
$(".num h1").eq(3).text(data['wzz'])
},
error:function(xhr,type,errorThrown){
}
});
//setInterval(gettime,1000)
</script>>
</body>
</html>
henan_center.json
var ec_center =echarts.init(document.getElementById("media2"),"dark");
var mydata=https://bbs.csdn.net/topics/[{
name: '鄭州',
value: 150,
}, {
name: '洛陽',
value: 117
}, {
name: '開封',
value: 53
}, {
name: '信陽',
value: 123
}, {
name: '駐馬店',
value: 135
}, {
name: '南陽',
value: 128
}, {
name: '周口',
value: 151
}, {
name: '許昌',
value: 17
}, {
name: '平頂山',
value: 33
}, {
name: '新鄉',
value: 0
}, {
name: '漯河',
value: 63
}, {
name: '商丘',
value: 21
}, {
name: '三門峽',
value: 22
}, {
name: '濟源',
value: 49
}, {
name: '焦作',
value: 27
}, {
name: '安陽',
value: 2
}, {
name: '鶴壁',
value: 0
}, {
name: '濮陽',
value: 35
}, {
name: '開封',
value: 53
}]
ec_center_option = {
tooltip: {
trigger:'item'
},
visualMap: {
show: true,
x:'left',
y:'bottom',
textStyle:{
frontSize:8
},
splitList:[{start:1,end:9},
{start:10,end:99},
{start:100,end:999},
{start:1000,end:9999},
{start:1000}],
color:['#8A330','#C64918','#E55B25','#F2AD92','#F9DCD1'],
},
series:[{
name:'累計確診人數',
type:'map',
map:'河南',
roam:false,
itemStyle:{
normal:{
borderWidth:1,
borderColor:'#009fe8',
areaColor:'#ffefd5',
},
emphasis:{
borderWidth:1,
borderColor:'#4b0082',
areaColor:'#fff',
}
},
label: {
normal:{
show:true,
frontSize:8,
}
},
data: mydata
}]
};
ec_center.setOption(ec_center_option);
運行后，在開發者模式中發現所有請求都正常就是Console報錯Cannot read property '0' of undefined，且網頁沒有顯示河南省的地圖
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/256988.html
標籤：Ajax
上一篇：沒有加入任何cnzz的代碼，為什么會出現cnzz的代碼？
下一篇：中文為什么顯示未定義呀