课堂练习之可视化的强化版
本次任务的主要内容是在之前可以画图的基础上实现疫情数据的爬取和画图。
效果图:
源代码:
1.user.java
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 package com.yiqin.user; 2 3 4 5 public class User { 6 //国家 7 private String province; 8 //时间 9 private String date; 10 //州 11 private String continents; 12 //城市 13 private String city; 14 //现有人数 15 private String current; 16 //累计人数 17 private String confirmed_num; 18 //死亡人数 19 private String dead_num; 20 //治愈人数 21 private String cured_num; 22 //疑似人数 23 private String suspectnum; 24 public String getProvince() { 25 return province; 26 } 27 public User(String continents,String province ,String date,String confirmed_num,String dead_num,String cured_num) { 28 this.province=province; 29 30 this.date=date; 31 this.cured_num=cured_num; 32 this.continents=continents; 33 this.confirmed_num=confirmed_num; 34 this.dead_num=dead_num; 35 36 } 37 38 public void setProvince(String province) { 39 this.province = province; 40 } 41 public String getDate() { 42 return date; 43 } 44 public void setDate(String date) { 45 this.date = date; 46 } 47 public String getCity() { 48 return city; 49 } 50 public void setCity(String city) { 51 this.city = city; 52 } 53 public String getCurrent() { 54 return current; 55 } 56 public void setCurrent(String current) { 57 this.current = current; 58 } 59 public String getConfirmed_num() { 60 return confirmed_num; 61 } 62 public void setConfirmed_num(String confirmed_num) { 63 this.confirmed_num = confirmed_num; 64 } 65 public String getDead_num() { 66 return dead_num; 67 } 68 public void setDead_num(String dead_num) { 69 this.dead_num = dead_num; 70 } 71 public String getCured_num() { 72 return cured_num; 73 } 74 public void setCured_num(String cured_num) { 75 this.cured_num = cured_num; 76 } 77 public String getSuspectnum() { 78 return suspectnum; 79 } 80 public void setSuspectnum(String suspectnum) { 81 this.suspectnum = suspectnum; 82 } 83 public String getContinents() { 84 return continents; 85 } 86 public void setContinents(String continents) { 87 this.continents = continents; 88 } 89 90 }
2.paqu.java
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 package com.yiqin.paqu; 2 3 4 import java.io.BufferedReader; 5 import java.io.IOException; 6 import java.io.InputStream; 7 import java.io.InputStreamReader; 8 import java.net.MalformedURLException; 9 import java.net.URL; 10 import java.security.Timestamp; 11 import java.sql.Connection; 12 import java.sql.DriverManager; 13 import java.sql.SQLException; 14 import java.sql.Statement; 15 import java.util.regex.Matcher; 16 import java.util.regex.Pattern; 17 18 import java.text.SimpleDateFormat; 19 import java.util.Date; 20 import java.util.HashMap; 21 import java.util.Map; 22 23 import javax.net.ssl.HttpsURLConnection; 24 import javax.xml.crypto.Data; 25 26 import com.alibaba.fastjson.JSONArray; 27 import com.alibaba.fastjson.JSONObject; 28 import com.yiqin.connect.BaseConnection; 29 public class Paqu { 30 31 public static void main(String[] args) throws IOException { 32 getListByCountryTypeService2(); 33 } 34 // 鏍筓RL 35 private static String httpRequset(String requesturl) throws IOException { 36 StringBuffer buffer = null; 37 BufferedReader bufferedReader = null; 38 InputStreamReader inputStreamReader = null; 39 InputStream inputStream = null; 40 HttpsURLConnection httpsURLConnection = null; 41 try { 42 URL url = new URL(requesturl); 43 httpsURLConnection = (HttpsURLConnection) url.openConnection(); 44 httpsURLConnection.setDoInput(true); 45 httpsURLConnection.setRequestMethod("GET"); 46 inputStream = httpsURLConnection.getInputStream(); 47 inputStreamReader = new InputStreamReader(inputStream, "utf-8"); 48 bufferedReader = new BufferedReader(inputStreamReader); 49 buffer = new StringBuffer(); 50 String str = null; 51 while ((str = bufferedReader.readLine()) != null) { 52 buffer.append(str); 53 } 54 } catch (MalformedURLException e) { 55 // TODO Auto-generated catch block 56 e.printStackTrace(); 57 } 58 59 return buffer.toString(); 60 } 61 62 /** 63 * 鑾峰彇鍏ㄥ浗鍚勪釜鐪佸競鐨勭‘璇娿�佹浜″拰娌绘剤浜烘暟 64 * 65 * @return 66 */ 67 68 public static String getAreaStat() { 69 String url = "https://ncov.dxy.cn/ncovh5/view/pneumonia"; 70 String htmlResult = ""; 71 try { 72 htmlResult = httpRequset(url); 73 } catch (IOException e) { 74 // TODO Auto-generated catch block 75 e.printStackTrace(); 76 } 77 // System.out.println(htmlResult); 78 79 // 姝e垯鑾峰彇鏁版嵁 80 // 鍥犱负html鐨勬暟鎹牸寮忕湅鐫�灏卞儚json鏍煎紡锛屾墍浠ユ垜浠鍒欒幏鍙杍son 81 String reg = "window.getAreaStat = (.*?)\\}(?=catch)"; 82 Pattern totalPattern = Pattern.compile(reg); 83 Matcher totalMatcher = totalPattern.matcher(htmlResult); 84 85 String result = ""; 86 if (totalMatcher.find()) { 87 result = totalMatcher.group(1); 88 System.out.println(result); 89 // 鍚勪釜鐪佸競鐨勬槸涓�涓垪琛↙ist锛屽鏋滄兂淇濆瓨鍒版暟鎹簱涓紝瑕侀亶鍘嗙粨鏋滐紝涓嬮潰鏄痙emo 90 JSONArray array = JSONArray.parseArray(result); 91 try { 92 Connection conn =BaseConnection.getConn(); 93 Statement stmt = conn.createStatement(); 94 95 Date date = new Date();//鑾峰緱绯荤粺鏃堕棿. 96 SimpleDateFormat sdf = new SimpleDateFormat( "yyyy-MM-dd hh:mm:ss" ); 97 String nowTime = sdf.format(date); 98 99 for (int i = 0; i <= 30; i++) { 100 101 com.alibaba.fastjson.JSONObject jsonObject = com.alibaba.fastjson.JSONObject 102 .parseObject(array.getString(i)); 103 104 105 String provinceName = jsonObject.getString("provinceName"); 106 String cityname1 = " "; 107 String currentnum = jsonObject.getString("currentConfirmedCount"); 108 String confirmed = jsonObject.getString("confirmedCount"); 109 String cured = jsonObject.getString("curedCount"); 110 String dead = jsonObject.getString("deadCount"); 111 String suspect = jsonObject.getString("suspectedCount"); 112 stmt.executeUpdate("insert into info2(Date,Province,City,currentnum,Confirmed_num,Yisi_num,Cured_num,Dead_num) values('"+ nowTime + "','"+ provinceName + "','"+ cityname1+ "','"+currentnum + "','" + confirmed + "','" + suspect +"','" + cured +"','" + dead +"')"); 113 114 JSONArray array2 = jsonObject.getJSONArray("cities"); 115 for (int j = 0; j < array2.size(); j++) { 116 com.alibaba.fastjson.JSONObject jsonObject2 = com.alibaba.fastjson.JSONObject 117 .parseObject(array2.getString(j)); 118 String provinceName2 = jsonObject.getString("provinceName"); 119 String cityname = jsonObject2.getString("cityName"); 120 String confirmed2 = jsonObject2.getString("confirmedCount"); 121 String currentnum2 = jsonObject.getString("currentConfirmedCount"); 122 String cured2 = jsonObject2.getString("curedCount"); 123 String dead2 = jsonObject2.getString("deadCount"); 124 String suspect2 = jsonObject2.getString("suspectedCount"); 125 stmt.executeUpdate("insert into info3(Date,Province,City,Confirmed_num,Yisi_num,Cured_num,Dead_num) values('"+ nowTime + "','"+ provinceName2 + "','"+ cityname + "','"+currentnum2+ "','" + confirmed2 + "','" + suspect2 +"','" + cured2 +"','" + dead2 +"')"); 126 } 127 } 128 stmt.close(); 129 conn.close(); 130 } catch (SQLException e) { 131 // TODO Auto-generated catch block 132 e.printStackTrace(); 133 } 134 } 135 return result; 136 } 137 /** 138 * 鑾峰彇鍏ㄧ悆鍚勪釜鍥藉鐨勭‘璇娿�佹浜″拰娌绘剤浜烘暟 139 * @return 140 */ 141 public static String getListByCountryTypeService2() { 142 String url = "https://ncov.dxy.cn/ncovh5/view/pneumonia"; 143 String htmlResult = ""; 144 try { 145 htmlResult = httpRequset(url); 146 } catch (IOException e) { 147 // TODO Auto-generated catch block 148 e.printStackTrace(); 149 } 150 // System.out.println(htmlResult); 151 152 // 姝e垯鑾峰彇鏁版嵁 153 // 鍥犱负html鐨勬暟鎹牸寮忕湅鐫�灏卞儚json鏍煎紡锛屾墍浠ユ垜浠鍒欒幏鍙杍son 154 String reg = "window.getListByCountryTypeService2true = (.*?)\\}(?=catch)"; 155 Pattern totalPattern = Pattern.compile(reg); 156 Matcher totalMatcher = totalPattern.matcher(htmlResult); 157 158 String result = ""; 159 if (totalMatcher.find()) { 160 result = totalMatcher.group(1); 161 System.out.println(result); 162 // 鍚勪釜鐪佸競鐨勬槸涓�涓垪琛↙ist锛屽鏋滄兂淇濆瓨鍒版暟鎹簱涓紝瑕侀亶鍘嗙粨鏋滐紝涓嬮潰鏄痙emo 163 JSONArray array = JSONArray.parseArray(result); 164 165 try { 166 Connection conn = BaseConnection.getConn(); 167 Statement stmt = conn.createStatement(); 168 169 Date date = new Date();//鑾峰緱绯荤粺鏃堕棿. 170 SimpleDateFormat sdf = new SimpleDateFormat( "yyyy-MM-dd hh:mm:ss" ); 171 String nowTime = sdf.format(date); 172 173 for (int i = 0; i <array.size(); i++) { 174 com.alibaba.fastjson.JSONObject jsonObject = com.alibaba.fastjson.JSONObject 175 .parseObject(array.getString(i)); 176 String continents =jsonObject.getString("continents"); 177 String provinceName = jsonObject.getString("provinceName"); 178 String confirmed = jsonObject.getString("confirmedCount"); 179 String cured = jsonObject.getString("curedCount"); 180 String dead = jsonObject.getString("deadCount"); 181 182 String suspect = jsonObject.getString("suspectedCount"); 183 stmt.executeUpdate("insert into info4(Date,Continents,Province,Confirmed_num,Yisi_num,Cured_num,Dead_num) values('"+ nowTime + "','"+ continents + "','"+ provinceName + "','" + confirmed + "','" + suspect +"','" + cured +"','" + dead +"')"); 184 185 } 186 stmt.close(); 187 conn.close(); 188 } catch (SQLException e) { 189 // TODO Auto-generated catch block 190 e.printStackTrace(); 191 } 192 } 193 return result; 194 } 195 196 }
3.baseconnection.java
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 package com.yiqin.connect; 2 3 import java.sql.Connection; 4 import java.sql.DriverManager; 5 import java.sql.ResultSet; 6 import java.sql.SQLException; 7 import java.sql.Statement; 8 9 public class BaseConnection { 10 public static String driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver"; 11 public static String dbURL="jdbc:sqlserver://127.0.0.1:1433;DatabaseName=db_platform";//127.0.0.1:1433 12 public static String userName="sa"; 13 public static String userPwd="w669399221"; 14 15 public static Connection getConn () { 16 Connection conn = null ; 17 18 try { 19 Class.forName(driverName);//加载驱动 20 conn = DriverManager.getConnection(dbURL, userName, userPwd); 21 22 } catch (Exception e) { 23 System.out.println("数据库连接失败!!"); 24 e.printStackTrace(); 25 } 26 27 return conn; 28 } 29 30 /** 31 * 关闭连接 32 * @param state 33 * @param conn 34 */ 35 public static void close (Statement state, Connection conn) { 36 if (state != null) { 37 try { 38 state.close(); 39 } catch (SQLException e) { 40 e.printStackTrace(); 41 } 42 } 43 44 if (conn != null) { 45 try { 46 conn.close(); 47 } catch (SQLException e) { 48 e.printStackTrace(); 49 } 50 } 51 } 52 53 public static void close (ResultSet rs, Statement state, Connection conn) { 54 if (rs != null) { 55 try { 56 rs.close(); 57 } catch (SQLException e) { 58 e.printStackTrace(); 59 } 60 } 61 62 if (state != null) { 63 try { 64 state.close(); 65 } catch (SQLException e) { 66 e.printStackTrace(); 67 } 68 } 69 70 if (conn != null) { 71 try { 72 conn.close(); 73 } catch (SQLException e) { 74 e.printStackTrace(); 75 } 76 } 77 } 78 79 }
4.servlet.java
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 package com.yiqin.servlet; 2 import java.sql.PreparedStatement; 3 import java.sql.ResultSet; 4 import java.sql.SQLException; 5 import java.sql.Statement; 6 import java.util.ArrayList; 7 import java.io.IOException; 8 import java.sql.Connection; 9 import java.sql.DriverManager; 10 11 import javax.servlet.ServletException; 12 import javax.servlet.annotation.WebServlet; 13 import javax.servlet.http.HttpServlet; 14 import javax.servlet.http.HttpServletRequest; 15 import javax.servlet.http.HttpServletResponse; 16 import javax.servlet.http.HttpSession; 17 import com.yiqin.user.*; 18 19 import com.yiqin.connect.*;; 20 /** 21 * Servlet implementation class YiQinServlet 22 */ 23 @WebServlet("/YiQinServlet") 24 public class YiQinServlet extends HttpServlet { 25 private static final long serialVersionUID = 1L; 26 27 /** 28 * @see HttpServlet#HttpServlet() 29 */ 30 public YiQinServlet() { 31 super(); 32 // TODO Auto-generated constructor stub 33 } 34 35 /** 36 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 37 */ 38 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 39 // TODO Auto-generated method stub 40 request.setCharacterEncoding("utf-8"); 41 response.setContentType("text/html;charset=UTF-8"); 42 ArrayList<User> list = new ArrayList(); 43 ArrayList<User> list2 = new ArrayList(); 44 //澹版槑缂撳啿鍖� 45 HttpSession session = request.getSession(); 46 Connection conn = BaseConnection.getConn(); 47 PreparedStatement ps = null; 48 49 50 String start=request.getParameter("start"); 51 String end=request.getParameter("end"); 52 53 int as=0; 54 String name[] =new String [330]; 55 String num[]=new String[330]; 56 for(int i=0;i<330;i++) 57 { 58 name[i]=""; 59 num[i]="0"; 60 } 61 //************************************* 62 //鍦ㄨ繖閲屽啓!!!! 63 64 /*try { 65 Statement stmt = conn.createStatement(); 66 //1.鏀箂ql璇彞 67 ResultSet rs = stmt.executeQuery("select * from info4"); 68 while (rs.next()) { 69 70 71 String date=new String(rs.getString("Date")); 72 if(date.compareTo(start)>=0&& date.compareTo(end)<=0) 73 { 74 String province=new String(rs.getString("Province")); 75 String city=new String(rs.getString("City")); 76 String quezhen=new String(rs.getString("Confirmed_num")); 77 String zhiyu=new String(rs.getString("Cured_num")); 78 String dead=new String(rs.getString("Dead_num")); 79 System.out.println(date+" "+province+" "+city+" "+quezhen); 80 User use=new User(province,date,,quezhen,dead,zhiyu); 81 list.add(use); 82 83 } 84 85 } 86 87 88 }catch (SQLException e) { 89 response.getWriter().print("鏌ユ壘澶辫触"); 90 } 91 */ 92 /*try { 93 Statement stmt = conn.createStatement(); 94 //1.鏀箂ql璇彞 95 ResultSet rs = stmt.executeQuery("select * from info3"); 96 while (rs.next()) { 97 String date=new String(rs.getString("Date")); 98 if(date.compareTo(start)>=0&& date.compareTo(end)<=0) 99 { 100 String province=new String(rs.getString("Province")); 101 String city=new String(rs.getString("City")); 102 String quezhen=new String(rs.getString("Confirmed_num")); 103 String zhiyu=new String(rs.getString("Cured_num")); 104 String dead=new String(rs.getString("Dead_num")); 105 System.out.println(date+" "+province+" "+city+" "+quezhen); 106 user use=new user(date,province,city,quezhen,zhiyu,dead); 107 list.add(use); 108 } 109 110 } 111 112 113 }catch (SQLException e) { 114 response.getWriter().print("鏌ユ壘澶辫触"); 115 }*/ 116 try { 117 Statement stmt = conn.createStatement(); 118 //1.鏀箂ql璇彞 119 ResultSet rs = stmt.executeQuery("select * from info4"); 120 while (rs.next()) { 121 String date=new String(rs.getString("Date")); 122 if(date.compareTo(start)>=0&& date.compareTo(end)<=0) 123 { 124 String continents=new String(rs.getString("Continents")); 125 String province=new String(rs.getString("Province")); 126 String quezhen=new String(rs.getString("Confirmed_num")); 127 String zhiyu=new String(rs.getString("Cured_num")); 128 String dead=new String(rs.getString("Dead_num")); 129 130 User use=new User(continents,province,date,quezhen,dead,zhiyu); 131 list2.add(use); 132 name[as]=province; 133 num[as]= quezhen; 134 as++; 135 } 136 137 } 138 139 140 }catch (SQLException e) { 141 response.getWriter().print("鏌ユ壘澶辫触"); 142 } 143 request.setAttribute("list",list); 144 request.setAttribute("list2",list2); 145 session.setAttribute("name",name); 146 session.setAttribute("num",num); 147 request.getRequestDispatcher( "echarts.jsp").forward(request,response); 148 //*************************************** 149 150 151 } 152 153 /** 154 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 155 */ 156 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 157 // TODO Auto-generated method stub 158 doGet(request, response); 159 } 160 161 }
5.find.jsp
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html> 4 <html> 5 <head> 6 <meta charset="UTF-8"> 7 <title>Insert title here</title> 8 <!-- 9 <style> 10 11 *{margin:0;padding:0;} 12 body{}; 13 .content 14 { 15 16 17 left:0; 18 width:100%; 19 height:400px; 20 margin-top:0px; 21 22 23 } 24 .main 25 { 26 background-color:#ffff00; 27 text-align:center; 28 height:400px; 29 padding: 0 auto; 30 padding:100px 0px; 31 32 33 } 34 .main h1 35 { 36 margin:0px 150px; 37 font-family:"楷体"; 38 font-size:50px; 39 font-weight:2px; 40 color:#226DDD; 41 padding:0px 50px; 42 border-radius:30px; 43 background-color:#ffcccc; 44 45 } 46 47 48 form{ 49 padding:20px 0; 50 } 51 input{ 52 border:1px solid black; 53 display:block; 54 margin:0px auto 10px auto;/*上 右 下 左*/ 55 padding:10px; 56 width:220px; 57 border-radius:30px;/*H5设置圆角边框*/ 58 font-size:18px; 59 font-weight:300; 60 text-align:center; 61 } 62 input:hover{ 63 background-color:pink; 64 } 65 button{ 66 background-color:white; 67 border-radius:10px; 68 69 border:1px solid black; 70 71 height:30px; 72 width:50px; 73 padding:5px 10px; 74 font-family:"楷体"; 75 } 76 button:hover{ 77 background-color:red; 78 } 79 --> 80 </style> 81 </head> 82 <body> 83 <div class="content"> 84 <div class="main"> 85 <h1>疫情统计</h1> 86 <form action="YiQinServlet" method="post"> 87 <input type="datetime" id="start" name="start" placeholder="起始时间"> 88 <input type="datetime" id="end" name="end" placeholder="终止时间"> 89 <button type="submit" id="search" name="search">查找</button> 90 </form> 91 </div> 92 </div> 93 </body> 94 </html>
6.echart.jsp
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <%//开头%> 2 <%@ page language="java" contentType="text/html; charset=utf-8" 3 pageEncoding="utf-8"%> 4 <%@page import="java.text.SimpleDateFormat"%> 5 <%@page import="java.util.*"%> 6 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 7 <link rel="stylesheet" type="text/css" href="a.css"> 8 <!DOCTYPE html> 9 <html> 10 <head> 11 12 <!-- 引入 ECharts 文件 --> 13 <script src="js/echarts.min.js"></script> 14 <title>疫情数据统计</title> 15 </head> 16 <style type="text/css"> 17 #main{ 18 position:relative; 19 left: 100px; 20 } 21 .cha{ 22 position:relative; 23 left: 50px; 24 } 25 td{ 26 text-align:center;vertical-align:middle; 27 28 } 29 #cont 30 { 31 width: 1200px; 32 33 } 34 #test1 { 35 width: 400px; 36 position:relative; 37 margin: 10px 30px; 38 float: left; 39 } 40 #test2 { 41 width: 400px; 42 position:relative; 43 float: right; 44 } 45 </style> 46 <body> 47 48 <%String pname[] =(String[]) session.getAttribute("name");%> 49 <%String cnum[] =(String[]) session.getAttribute("num");%> 50 51 52 <div id="main" style="width: 600px;height:400px;"></div> 53 54 <div id="cont"> 55 <div id="test2"> 56 <!-- <table> 57 <tr> 58 <th>日期</th><th>省份</th><th>城市</th><th>确诊人数</th><th>治愈人数</th><th>死亡人数</th> 59 </tr> 60 61 <c:forEach items="${list}" var="use" > 62 <tr> 63 <td>${use.date}</td><td>${use.province}</td><td>${use.city}</td><td>${use.quezhen}</td><td>${use.zhiyu}</td><td>${use.dead}</td> 64 </tr> 65 </c:forEach> 66 </table>--> 67 </div> 68 <div id="test1"> 69 <table> 70 <tr> 71 <th>日期</th><th>州</th><th>国家</th><th>确诊人数</th><th>治愈人数</th><th>死亡人数</th> 72 </tr> 73 74 <c:forEach items="${list2}" var="use2" > 75 <tr> 76 <td>${use2.date}</td><td>${use2.continents}</td><td>${use2.province}</td><td>${use2.confirmed_num}</td><td>${use2.cured_num}</td><td>${use2.dead_num}</td> 77 </tr> 78 </c:forEach> 79 </table> 80 </div> 81 </div> 82 </body> 83 <script type="text/javascript"> 84 // 基于准备好的dom,初始化echarts实例 85 var myChart = echarts.init(document.getElementById('main')); 86 var option = { 87 title: { 88 text: '疫情确诊人数统计' 89 }, 90 tooltip: {}, 91 legend: { 92 data:['确诊人数'] 93 }, 94 xAxis: { 95 type: 'category', 96 axisLabel: { 97 interval:0, 98 rotate:40 99 } , 100 data: ["<%=pname[0]%>","<%=pname[1]%>","<%=pname[2]%>","<%=pname[3]%>","<%=pname[4]%>","<%=pname[5]%>" 101 ,"<%=pname[6]%>","<%=pname[7]%>","<%=pname[8]%>","<%=pname[9]%>","<%=pname[10]%>","<%=pname[11]%>","<%=pname[12]%>" 102 ,"<%=pname[13]%>","<%=pname[14]%>","<%=pname[15]%>","<%=pname[16]%>","<%=pname[17]%>","<%=pname[18]%>","<%=pname[19]%>" 103 ,"<%=pname[20]%>","<%=pname[21]%>","<%=pname[22]%>","<%=pname[23]%>","<%=pname[24]%>","<%=pname[25]%>","<%=pname[26]%>" 104 ,"<%=pname[27]%>","<%=pname[28]%>","<%=pname[29]%>","<%=pname[30]%>","<%=pname[31]%>"] 105 }, 106 yAxis: { 107 type:'value' 108 }, 109 series: [{ 110 name: '确诊人数', 111 data: [<%=cnum[0]%>,<%=cnum[1]%>,<%=cnum[2]%>, <%=cnum[3]%>,<%=cnum[4]%> ,<%=cnum[5]%> 112 ,<%=cnum[6]%> ,<%=cnum[7]%> ,<%=cnum[8]%> ,<%=cnum[9]%> ,<%=cnum[10]%> ,<%=cnum[11]%> ,<%=cnum[12]%> 113 ,<%=cnum[13]%> ,<%=cnum[14]%> ,<%=cnum[15]%> ,<%=cnum[16]%> ,<%=cnum[17]%> ,<%=cnum[18]%> ,<%=cnum[19]%> 114 ,<%=cnum[20]%> ,<%=cnum[21]%> ,<%=cnum[22]%> ,<%=cnum[23]%> ,<%=cnum[24]%> ,<%=cnum[25]%> ,<%=cnum[26]%> 115 ,<%=cnum[27]%> ,<%=cnum[28]%> ,<%=cnum[29]%> ,<%=cnum[30]%>,<%=cnum[31]%>], 116 type: 'line', 117 smooth: true 118 }] 119 }; 120 // 指定图表的配置项和数据 121 // 使用刚指定的配置项和数据显示图表。 122 myChart.setOption(option); 123 </script> 124 </html>