柚子快报激活码778899分享:全球疫情可视化展示

http://yzkb.51969.com/

今天是一个缅怀先烈的日子,因此身为软工系的一名学生,应该为这个世界做点东西!!来纪念这次不一样的节日

网页链接:全球疫情可视化

 

 

 

首先将任务进行分解:一共有五块内容(全球确诊人数,可视化地图,全球死亡人数,全球治愈人数,确诊人数随时间变化趋势的折线图)

1.对于人数的展示,其实可以归为一类,只要实现了其中一个,剩余的自然就可以实现。

通过post请求,在网页加载时进行,将返还的数据写成html的格式,放进我们之前设计好的div里

$.post(

"getconfirmed",

function(data){

var sum=0;

for(var i=0;i

sum+= parseInt(data[i].confirmed);

var htmltext="全球确诊人数为:"+""+sum+"";

htmltext+="

"

for(var i=0;i

htmltext+="

";

htmltext+="

"+""+data[i].name+""+data[i].confirmed+"
";

$("#left").html(htmltext);

},

"json"

);

$.post(

"getdead",

function(data){

var sum=0;

for(var i=0;i

sum+= parseInt(data[i].dead);

var htmltext="全球死亡人数为:"+""+sum+"";

htmltext+="

"

for(var i=0;i

htmltext+="

";

htmltext+="

"+""+data[i].name+""+data[i].dead+"
";

$("#right1").html(htmltext);

},

"json"

);

$.post(

"getcured",

function(data){

var sum=0;

for(var i=0;i

sum+= parseInt(data[i].cured);

var htmltext="全球治愈人数为:"+""+sum+"";

htmltext+="

"

for(var i=0;i

htmltext+="

";

htmltext+="

"+""+data[i].name+""+data[i].cured+"
";

$("#right2").html(htmltext);

},

"json"

);

View Code

 

package servlet;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.Date;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.google.gson.Gson;

import Bean.World;

import java.util.List;

import Dao.predao;

/**

* Servlet implementation class getconfirmed

*/

@WebServlet("/getconfirmed")

public class getconfirmed extends HttpServlet {

private static final long serialVersionUID = 1L;

predao dao=new predao();

/**

* @see HttpServlet#HttpServlet()

*/

public getconfirmed() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

*/

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

request.setCharacterEncoding("utf-8");

Date now = new Date();

SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式

String Time = dateFormat.format(now);//格式化然后放入字符串中

String data=Time.substring(0,10);

ArrayList list=dao.getconfirmed(data);

Gson gson = new Gson();

response.setContentType("text/html;charset=utf-8");

String json = gson.toJson(list);

response.getWriter().write(json);

//System.out.println(json);

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

*/

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

doGet(request, response);

}

}

View Code

 

package servlet;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.Date;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.google.gson.Gson;

import Bean.World;

import Dao.predao;

/**

* Servlet implementation class getcured

*/

@WebServlet("/getcured")

public class getcured extends HttpServlet {

private static final long serialVersionUID = 1L;

predao dao=new predao();

/**

* @see HttpServlet#HttpServlet()

*/

public getcured() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

*/

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

request.setCharacterEncoding("utf-8");

Date now = new Date();

SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式

String Time = dateFormat.format(now);//格式化然后放入字符串中

String data=Time.substring(0,10);

ArrayList list=dao.getcured(data);

Gson gson = new Gson();

response.setContentType("text/html;charset=utf-8");

String json = gson.toJson(list);

response.getWriter().write(json);

//System.out.println(json);

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

*/

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

doGet(request, response);

}

}

View Code

 

package servlet;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.Date;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.google.gson.Gson;

import Bean.World;

import Dao.predao;

/**

* Servlet implementation class getdead

*/

@WebServlet("/getdead")

public class getdead extends HttpServlet {

private static final long serialVersionUID = 1L;

predao dao=new predao();

/**

* @see HttpServlet#HttpServlet()

*/

public getdead() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

*/

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

request.setCharacterEncoding("utf-8");

Date now = new Date();

SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式

String Time = dateFormat.format(now);//格式化然后放入字符串中

String data=Time.substring(0,10);

ArrayList list=dao.getdead(data);

Gson gson = new Gson();

response.setContentType("text/html;charset=utf-8");

String json = gson.toJson(list);

response.getWriter().write(json);

//System.out.println(json);

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

*/

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

doGet(request, response);

}

}

View Code

 

public ArrayList getconfirmed(String time) {

String sql="select * from world_map where Date like '"+time+"%' order by confirmedCount desc";

System.out.println(time);

Connection con=null;

Statement state=null;

ResultSet rs=null;

boolean flag=false;

con=DBUtil.getConn();

World bean=null;

ArrayList list=new ArrayList();

try {

state=con.createStatement();

rs=state.executeQuery(sql);

while(rs.next())

{

bean=new World();

bean.setName(rs.getString("provinceName"));

bean.setConfirmed(rs.getString("confirmedCount"));

bean.setSuspected(rs.getString("suspectedCount"));

bean.setCured(rs.getString("curedCount"));

bean.setDead(rs.getString("deadCount"));

//System.out.println(bean.getName()+" "+bean.getConfirmed());

list.add(bean);

}

} catch (SQLException e) {

// TODO 自动生成的 catch 块

e.printStackTrace();

}

DBUtil.close(rs, state, con);

return list;

}

public ArrayList getdead(String time) {

String sql="select * from world_map where Date like '"+time+"%' order by deadCount desc";

System.out.println(time);

Connection con=null;

Statement state=null;

ResultSet rs=null;

boolean flag=false;

con=DBUtil.getConn();

World bean=null;

ArrayList list=new ArrayList();

try {

state=con.createStatement();

rs=state.executeQuery(sql);

while(rs.next())

{

bean=new World();

bean.setName(rs.getString("provinceName"));

bean.setConfirmed(rs.getString("confirmedCount"));

bean.setSuspected(rs.getString("suspectedCount"));

bean.setCured(rs.getString("curedCount"));

bean.setDead(rs.getString("deadCount"));

//System.out.println(bean.getName()+" "+bean.getConfirmed());

list.add(bean);

}

} catch (SQLException e) {

// TODO 自动生成的 catch 块

e.printStackTrace();

}

DBUtil.close(rs, state, con);

return list;

}

public ArrayList getcured(String time) {

String sql="select * from world_map where Date like '"+time+"%' order by curedCount desc";

System.out.println(time);

Connection con=null;

Statement state=null;

ResultSet rs=null;

boolean flag=false;

con=DBUtil.getConn();

World bean=null;

ArrayList list=new ArrayList();

try {

state=con.createStatement();

rs=state.executeQuery(sql);

while(rs.next())

{

bean=new World();

bean.setName(rs.getString("provinceName"));

bean.setConfirmed(rs.getString("confirmedCount"));

bean.setSuspected(rs.getString("suspectedCount"));

bean.setCured(rs.getString("curedCount"));

bean.setDead(rs.getString("deadCount"));

//System.out.println(bean.getName()+" "+bean.getConfirmed());

list.add(bean);

}

} catch (SQLException e) {

// TODO 自动生成的 catch 块

e.printStackTrace();

}

DBUtil.close(rs, state, con);

return list;

}

View Code

 

2.可视化地图

主要是将我们地图中的英文名,利用map将其转换成中文,以便和我们的数据库进行匹配,之后就是通过ajax来获取后端的数据,然后进行前台的可视化展示

//处理世界疫情地图

$.ajax({

url:"allworld",

type:"POST",

dataType:"JSON",

async:true,

success:function(data){//表示处理成功之后做什么,后面跟一个匿名函数。回调函数,表示处理页面处理完数据以后执行这个函数。data表示处理页面返回的值,用形参接收。

var mydata = new Array(0);

for(var i=0;i

var d = {

};

d["name"] = data[i].name;//.substring(0, 2);

d["value"] = data[i].confirmed;

d["Yisi_num"] = data[i].suspected;

d["Cured_num"] = data[i].cured;

d["Dead_num"] = data[i].dead;

mydata.push(d);

}

//初始化echarts实例

var myChart = echarts.init(document.getElementById('mid'));

// 指定图表的配置项和数据

var option = {

tooltip : {

trigger: 'item',

formatter : function(params) {

return params.name + '
' + '确诊人数 : '

+ params.value + '
' + '死亡人数 : '

+ params['data'].Dead_num + '
' + '治愈人数 : '

+ params['data'].Cured_num + '
'+ '疑似患者人数 : '

+ params['data'].Yisi_num;

}//数据格式化

},

title: {

text: '世界疫情图',

left: 'center'

},

legend: {

orient: 'vertical',

left: 'left',

data: ['世界疫情图']

},

visualMap: {

type: 'piecewise',

pieces: [

{ min: 70000, max: 50000000, label: '确诊70000人以上', color: 'red' },

{ min: 10000, max: 69999, label: '确诊10000-69999人', color: 'blue' },

{ min: 5000, max: 9999, label: '确诊5000-9999人', color: 'purple' },

{ min: 1500, max: 4999, label: '确诊1500-4999人', color: 'yellow' },

{ min: 500, max: 1499, label: '确诊500-1499人', color: 'gold' },

{ min: 0, max: 499, label: '确诊1-499人', color: 'green' },

],

color: ['#E0022B', '#E09107', '#A3E00B']

},

toolbox: {

show: true,

orient: 'vertical',

left: 'right',

top: 'center',

feature: {

mark: { show: true },

dataView: { show: true, readOnly: false },

restore: { show: true },

saveAsImage: { show: true }

}

},

roamController: {

show: true,

left: 'right',

mapTypeControl: {

'world': true

}

},

series: [

{

name: '确诊数',

type: 'map',

mapType: 'world',

nameMap : {"Canada": "加拿大",

    "Turkmenistan": "土库曼斯坦",

    "Saint Helena": "圣赫勒拿",

    "Lao PDR": "老挝",

    "Lithuania": "立陶宛",

    "Cambodia": "柬埔寨",

    "Ethiopia": "埃塞俄比亚",

    "Faeroe Is.": "法罗群岛",

    "Swaziland": "斯威士兰",

    "Palestine": "巴勒斯坦",

    "Belize": "伯利兹",

    "Argentina": "阿根廷",

    "Bolivia": "玻利维亚",

    "Cameroon": "喀麦隆",

    "Burkina Faso": "布基纳法索",

    "Aland": "奥兰群岛",

    "Bahrain": "巴林",

    "Saudi Arabia": "沙特阿拉伯",

    "Fr. Polynesia": "法属波利尼西亚",

    "Cape Verde": "佛得角",

    "W. Sahara": "西撒哈拉",

    "Slovenia": "斯洛文尼亚",

    "Guatemala": "危地马拉",

    "Guinea": "几内亚",

    "Dem. Rep. Congo": "刚果(金)",

    "Germany": "德国",

    "Spain": "西班牙",

    "Liberia": "利比里亚",

    "Netherlands": "荷兰",

    "Jamaica": "牙买加",

    "Solomon Is.": "所罗门群岛",

    "Oman": "阿曼",

    "Tanzania": "坦桑尼亚",

    "Costa Rica": "哥斯达黎加",

    "Isle of Man": "曼岛",

    "Gabon": "加蓬",

    "Niue": "纽埃",

    "Bahamas": "巴哈马",

    "New Zealand": "新西兰",

    "Yemen": "也门",

    "Jersey": "泽西岛",

    "Pakistan": "巴基斯坦",

    "Albania": "阿尔巴尼亚",

    "Samoa": "萨摩亚",

    "Czech Rep.": "捷克",

    "United Arab Emirates": "阿拉伯联合酋长国",

    "Guam": "关岛",

    "India": "印度",

    "Azerbaijan": "阿塞拜疆",

    "N. Mariana Is.": "北马里亚纳群岛",

    "Lesotho": "莱索托",

    "Kenya": "肯尼亚",

    "Belarus": "白俄罗斯",

    "Tajikistan": "塔吉克斯坦",

    "Turkey": "土耳其",

    "Afghanistan": "阿富汗",

    "Bangladesh": "孟加拉国",

    "Mauritania": "毛里塔尼亚",

    "Dem. Rep. Korea": "朝鲜",

    "Saint Lucia": "圣卢西亚",

    "Br. Indian Ocean Ter.": "英属印度洋领地",

    "Mongolia": "蒙古",

    "France": "法国",

    "Cura?ao": "库拉索岛",

    "S. Sudan": "南苏丹",

    "Rwanda": "卢旺达",

    "Slovakia": "斯洛伐克",

    "Somalia": "索马里",

    "Peru": "秘鲁",

    "Vanuatu": "瓦努阿图",

    "Norway": "挪威",

    "Malawi": "马拉维",

    "Benin": "贝宁",

    "St. Vin. and Gren.": "圣文森特和格林纳丁斯",

    "Korea": "韩国",

    "Singapore": "新加坡",

    "Montenegro": "黑山共和国",

    "Cayman Is.": "开曼群岛",

    "Togo": "多哥",

    "China": "中国",

    "Heard I. and McDonald Is.": "赫德岛和麦克唐纳群岛",

    "Armenia": "亚美尼亚",

    "Falkland Is.": "马尔维纳斯群岛(福克兰)",

    "Ukraine": "乌克兰",

    "Ghana": "加纳",

    "Tonga": "汤加",

    "Finland": "芬兰",

    "Libya": "利比亚",

    "Dominican Rep.": "多米尼加",

    "Indonesia": "印度尼西亚",

    "Mauritius": "毛里求斯",

    "Eq. Guinea": "赤道几内亚",

    "Sweden": "瑞典",

    "Vietnam": "越南",

    "Mali": "马里",

    "Russia": "俄罗斯",

    "Bulgaria": "保加利亚",

    "United States": "美国",

    "Romania": "罗马尼亚",

    "Angola": "安哥拉",

    "Chad": "乍得",

    "South Africa": "南非",

    "Fiji": "斐济",

    "Liechtenstein": "列支敦士登",

    "Malaysia": "马来西亚",

    "Austria": "奥地利",

    "Mozambique": "莫桑比克",

    "Uganda": "乌干达",

    "Japan": "日本",

    "Niger": "尼日尔",

    "Brazil": "巴西",

    "Kuwait": "科威特",

    "Panama": "巴拿马",

    "Guyana": "圭亚那",

    "Madagascar": "马达加斯加",

    "Luxembourg": "卢森堡",

    "American Samoa": "美属萨摩亚",

    "Andorra": "安道尔",

    "Ireland": "爱尔兰",

    "Italy": "意大利",

    "Nigeria": "尼日利亚",

    "Turks and Caicos Is.": "特克斯和凯科斯群岛",

    "Ecuador": "厄瓜多尔",

    "U.S. Virgin Is.": "美属维尔京群岛",

    "Brunei": "文莱",

    "Australia": "澳大利亚",

    "Iran": "伊朗",

    "Algeria": "阿尔及利亚",

    "El Salvador": "萨尔瓦多",

    "C?te d'Ivoire": "科特迪瓦",

    "Chile": "智利",

    "Puerto Rico": "波多黎各",

    "Belgium": "比利时",

    "Thailand": "泰国",

    "Haiti": "海地",

    "Iraq": "伊拉克",

    "S?o Tomé and Principe": "圣多美和普林西比",

    "Sierra Leone": "塞拉利昂",

    "Georgia": "格鲁吉亚",

    "Denmark": "丹麦",

    "Philippines": "菲律宾",

    "S. Geo. and S. Sandw. Is.": "南乔治亚岛和南桑威奇群岛",

    "Moldova": "摩尔多瓦",

    "Morocco": "摩洛哥",

    "Namibia": "纳米比亚",

    "Malta": "马耳他",

    "Guinea-Bissau": "几内亚比绍",

    "Kiribati": "基里巴斯",

    "Switzerland": "瑞士",

    "Grenada": "格林纳达",

    "Seychelles": "塞舌尔",

    "Portugal": "葡萄牙",

    "Estonia": "爱沙尼亚",

    "Uruguay": "乌拉圭",

    "Antigua and Barb.": "安提瓜和巴布达",

    "Lebanon": "黎巴嫩",

    "Uzbekistan": "乌兹别克斯坦",

    "Tunisia": "突尼斯",

    "Djibouti": "吉布提",

    "Greenland": "格陵兰",

    "Timor-Leste": "东帝汶",

    "Dominica": "多米尼克",

    "Colombia": "哥伦比亚",

    "Burundi": "布隆迪",

    "Bosnia and Herz.": "波斯尼亚和黑塞哥维那",

    "Cyprus": "塞浦路斯",

    "Barbados": "巴巴多斯",

    "Qatar": "卡塔尔",

    "Palau": "帕劳",

    "Bhutan": "不丹",

    "Sudan": "苏丹",

    "Nepal": "尼泊尔",

    "Micronesia": "密克罗尼西亚",

    "Bermuda": "百慕大",

    "Suriname": "苏里南",

    "Venezuela": "委内瑞拉",

    "Israel": "以色列",

    "St. Pierre and Miquelon": "圣皮埃尔和密克隆群岛",

    "Central African Rep.": "中非",

    "Iceland": "冰岛",

    "Zambia": "赞比亚",

    "Senegal": "塞内加尔",

    "Papua New Guinea": "巴布亚新几内亚",

    "Trinidad and Tobago": "特立尼达和多巴哥",

    "Zimbabwe": "津巴布韦",

    "Jordan": "约旦",

    "Gambia": "冈比亚",

    "Kazakhstan": "哈萨克斯坦",

    "Poland": "波兰",

    "Eritrea": "厄立特里亚",

    "Kyrgyzstan": "吉尔吉斯斯坦",

    "Montserrat": "蒙特塞拉特",

    "New Caledonia": "新喀里多尼亚",

    "Macedonia": "马其顿",

    "Paraguay": "巴拉圭",

    "Latvia": "拉脱维亚",

    "Hungary": "匈牙利",

    "Syria": "叙利亚",

    "Honduras": "洪都拉斯",

    "Myanmar": "缅甸",

    "Mexico": "墨西哥",

    "Egypt": "埃及",

    "Nicaragua": "尼加拉瓜",

    "Cuba": "古巴",

    "Serbia": "塞尔维亚",

    "Comoros": "科摩罗",

    "United Kingdom": "英国",

    "Fr. S. Antarctic Lands": "南极洲",

    "Congo": "刚果(布)",

    "Greece": "希腊",

    "Sri Lanka": "斯里兰卡",

    "Croatia": "克罗地亚",

    "Botswana": "博茨瓦纳",

    "Siachen Glacier": "锡亚琴冰川地区"

},

roam: false,

label: {

show: false,

color: 'blue'

},

data: mydata

}

]

};

//使用指定的配置项和数据显示图表

myChart.setOption(option);

},

error:function(){//处理页面出错以后执行的函数。

}

});

View Code

 

package servlet;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.Date;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.google.gson.Gson;

import Bean.World;

import Dao.predao;

/**

* Servlet implementation class allworld

*/

@WebServlet("/allworld")

public class allworld extends HttpServlet {

private static final long serialVersionUID = 1L;

predao dao=new predao();

/**

* @see HttpServlet#HttpServlet()

*/

public allworld() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

*/

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

request.setCharacterEncoding("utf-8");

Date now = new Date();

SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式

String Time = dateFormat.format(now);//格式化然后放入字符串中

String data=Time.substring(0,10);

ArrayList list=dao.allworld(data);

Gson gson = new Gson();

response.setContentType("text/html;charset=utf-8");

String json = gson.toJson(list);

response.getWriter().write(json);

//System.out.println(json);

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

*/

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

doGet(request, response);

}

}

View Code

 

public ArrayList allworld(String time) {

String sql="select * from world_map where Date like '"+time+"%'";

System.out.println(time);

Connection con=null;

Statement state=null;

ResultSet rs=null;

boolean flag=false;

con=DBUtil.getConn();

World bean=null;

ArrayList list=new ArrayList();

try {

state=con.createStatement();

rs=state.executeQuery(sql);

while(rs.next())

{

bean=new World();

bean.setName(rs.getString("provinceName"));

bean.setConfirmed(rs.getString("confirmedCount"));

bean.setSuspected(rs.getString("suspectedCount"));

bean.setCured(rs.getString("curedCount"));

bean.setDead(rs.getString("deadCount"));

//System.out.println(bean.getName()+" "+bean.getConfirmed());

list.add(bean);

}

} catch (SQLException e) {

// TODO 自动生成的 catch 块

e.printStackTrace();

}

DBUtil.close(rs, state, con);

return list;

}

View Code

 

3.确诊人数随日期变化

这一步主要的就是从数据库中分离日期,然后计算该天全球的确诊总人数,之后用折线图的形式将他表示出来。

//处理随日期变化的全球确诊人数图

var myChart1 = echarts.init(document.getElementById('line'));

myChart1.setOption({

title:{

text:'确诊人数变化'

},

tooltip:{},

grid: {

left: '4%',

right: '4%',

bottom: '3%',

//是否显示刻度标签

containLabel: true

},

legend:{

data:['确诊数']

},

xAxis:{

data:[],

axisLabel:{

//横坐标全部显示

interval:0,

//横坐标倾斜45度

rotate:-45,

},

},

yAxis:{},

series:[{

name:'确诊数',

type:'line',

data:[]

}]

})

var cname=[];

var value=[];

//处理这段时间疫情总数变化趋势

$.ajax({

url:"dataconfirmed",

type:"POST",

dataType:"JSON",

async:true,

success:function(data){

for(var i=0;i

{

cname[i]=data[i].name;

value[i]=parseInt(data[i].confirmed);

}

myChart1.setOption({

xAxis:{

//放横坐标的数组

data:cname,

},

series:[{

name:'确诊数',

//每个横坐标对应的数值

data:value

}]

});

}

});

View Code

 

package servlet;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.Date;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.google.gson.Gson;

import Bean.World;

import Dao.predao;

/**

* Servlet implementation class dataconfirmed

*/

@WebServlet("/dataconfirmed")

public class dataconfirmed extends HttpServlet {

private static final long serialVersionUID = 1L;

predao dao=new predao();

/**

* @see HttpServlet#HttpServlet()

*/

public dataconfirmed() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

*/

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

request.setCharacterEncoding("utf-8");

ArrayList list=dao.dataconfirmed();

Gson gson = new Gson();

response.setContentType("text/html;charset=utf-8");

String json = gson.toJson(list);

response.getWriter().write(json);

System.out.println("日期变化曲线!");

System.out.println(json);

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

*/

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

doGet(request, response);

}

}

View Code

 

public ArrayList dataconfirmed() {

String sql="select * from world_map ";

Connection con=null;

Statement state=null;

ResultSet rs=null;

boolean flag=false;

con=DBUtil.getConn();

World bean=null;

int sum=0;

int ans=0;

String data=null;

ArrayList list=new ArrayList();

try {

state=con.createStatement();

rs=state.executeQuery(sql);

while(rs.next())

{

sum++;

bean=new World();

bean.setName(rs.getString("Date"));

if(sum==1)

data=bean.getName();

bean.setConfirmed(rs.getString("confirmedCount"));

if(data.equals(bean.getName()))

ans+=Integer.parseInt(bean.getConfirmed());

else

{

String timeString=data.substring(0,10);

World bean2=new World();

bean2.setName(timeString);

bean2.setConfirmed(String.valueOf(ans));

sum=1;

ans=0;

ans+=Integer.parseInt(bean.getConfirmed());

data=bean.getName();

list.add(bean2);

}

}

bean.setName(data.substring(0,10));

bean.setConfirmed(String.valueOf(ans));

list.add(bean);

} catch (SQLException e) {

// TODO 自动生成的 catch 块

e.printStackTrace();

}

DBUtil.close(rs, state, con);

return list;

}

View Code

 

总前端页面代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@page import="java.util.Date" %>

<%@page import="java.text.SimpleDateFormat" %>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

Insert title here

<%

%>

全球疫情可视化展示

time

柱状图

View Code

 

柚子快报激活码778899分享:全球疫情可视化展示

http://yzkb.51969.com/

文章来源

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。