<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<script>
console.log($('#bt1').val())
console.log($('#bt2').val());
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: '本日各省确诊病例数量分析'
},
tooltip: {},
legend: {
data:['人数']
},
xAxis: {
data: ["湖北省","广东省","浙江省","河南省"
,"安徽省"
,"江西省"
,"江苏省"
,"重庆市"
,"山东省"
,"四川省"
,"北京市"
,"黑龙江省"
,"上海市"
,"河北省"
,"陕西省"
,"广西壮族自治区"
,"云南省"
,"海南省"
,"山西省"
,"辽宁省"
,"贵州省"
,"天津市"
,"甘肃省"
,"吉林省"
,"内蒙古自治区"
,"宁夏回族自治区"
,"新疆维吾尔自治区"
,"香港"
,"青海省"
,"台湾"]
},
yAxis: {},
series: [{
name: '人数',
type: 'bar',
data: [24953,
1075,
1048,
981,
733,
698,
439,
426,
407,
363,
315,
295,
286,
195,
195,
183,
138,
124,
104,
99,
89,
88,
71,
69,
52,
45,
42,
26,
18,
17]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
<div>
<table class="tb">
<tr>
<td>时间</td>
<td>省份</td>
<td>确诊患者</td>
<td>治愈</td>
<td>死亡</td>
<td>编码</td>
</tr>
<!-- forEach遍历出adminBeans -->
<c:forEach items="${info}" var="item">
<tr>
<td>${item.data}</td>
<td>${item.province}</td>
<td>${item.con_num}</td>
<td>${item.cure_num}</td>
<td>${item.dead_num}</td>
<td>${item.code}</td>
</tr>
</c:forEach>
<tr>
<td>2020-02-08 02:28:59</td>
<td>湖北省</td>
<td>24953</td>
<td>1123</td>
<td>699</td>
<td>420000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>广东省</td>
<td>1075</td>
<td>105</td>
<td>1</td>
<td>440000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>浙江省</td>
<td>1048</td>
<td>136</td>
<td>0</td>
<td>330000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>河南省</td>
<td>981</td>
<td>99</td>
<td>4</td>
<td>410000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>安徽省</td>
<td>733</td>
<td>57</td>
<td>0</td>
<td>340000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>江西省</td>
<td>698</td>
<td>55</td>
<td>0</td>
<td>360000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>江苏省</td>
<td>439</td>
<td>43</td>
<td>0</td>
<td>320000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>重庆市</td>
<td>426</td>
<td>31</td>
<td>2</td>
<td>500000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>山东省</td>
<td>407</td>
<td>40</td>
<td>0</td>
<td>370000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>四川省</td>
<td>363</td>
<td>52</td>
<td>1</td>
<td>510000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>北京市</td>
<td>315</td>
<td>34</td>
<td>2</td>
<td>110000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>黑龙江省</td>
<td>295</td>
<td>13</td>
<td>5</td>
<td>230000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>上海市</td>
<td>286</td>
<td>41</td>
<td>1</td>
<td>310000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>河北省</td>
<td>195</td>
<td>28</td>
<td>1</td>
<td>130000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>陕西省</td>
<td>195</td>
<td>19</td>
<td>0</td>
<td>610000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>广东省</td>
<td>1075</td>
<td>105</td>
<td>1</td>
<td>440000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>广西壮族自治区</td>
<td>183</td>
<td>17</td>
<td>0</td>
<td>450000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>云南省</td>
<td>138</td>
<td>12</td>
<td>0</td>
<td>530000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>海南省</td>
<td>124</td>
<td>11</td>
<td>2</td>
<td>460000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>山西省</td>
<td>104</td>
<td>15</td>
<td>0</td>
<td>140000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>广东省</td>
<td>1075</td>
<td>105</td>
<td>1</td>
<td>440000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>辽宁省</td>
<td>99</td>
<td>7</td>
<td>0</td>
<td>210000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>广东省</td>
<td>1075</td>
<td>105</td>
<td>1</td>
<td>440000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>贵州省</td>
<td>89</td>
<td>6</td>
<td>1</td>
<td>520000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>天津市</td>
<td>1075</td>
<td>105</td>
<td>1</td>
<td>440000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>天津市</td>
<td>88</td>
<td>2</td>
<td>1</td>
<td>120000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>甘肃省</td>
<td>71</td>
<td>9</td>
<td>1</td>
<td>620000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>吉林省</td>
<td>69</td>
<td>4</td>
<td>1</td>
<td>220000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>内蒙古自治区</td>
<td>52</td>
<td>5</td>
<td>0</td>
<td>150000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>宁夏回族自治区</td>
<td>45</td>
<td>5</td>
<td>0</td>
<td>640000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>新疆维吾尔自治区</td>
<td>42</td>
<td>0</td>
<td>0</td>
<td>650000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>香港</td>
<td>26</td>
<td>0</td>
<td>1</td>
<td>810000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>青海省</td>
<td>18</td>
<td>3</td>
<td>0</td>
<td>630000</td>
</tr>
<tr>
<td>2020-02-08 02:28:59</td>
<td>台湾</td>
<td>17</td>
<td>1</td>
<td>1</td>
<td>710000</td>
</tr>
</table>
</div>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
</body>
</html>
</html>
