<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
<html lang="en">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
|
<title></title>
|
<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon" type="image/x-icon" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />
|
<!-- <link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet" type="text/css" /> -->
|
<!-- <link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet" type="text/css" /> -->
|
<!-- <link href="/hxzkoa/hxzk/assets/css/elements/search.css" rel="stylesheet" type="text/css" /> -->
|
<link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css" rel="stylesheet"
|
type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet"
|
type="text/css" />
|
<link href="https://fonts.gstatic.com" rel="preconnect">
|
<link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap"
|
rel="stylesheet">
|
<style>
|
|
</style>
|
<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
|
</head>
|
<body>
|
<div style="border-style: inset;border-color: blue;border-width: 5px;">
|
<div id="web1">
|
|
</div>
|
<div id="web2">
|
|
</div>
|
<div id="web3">
|
<table>
|
<thead>
|
<tr>
|
<th>id</th>
|
<th>name</th>
|
<th>password</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</body>
|
<script>
|
var wasdData = [10, 41, 35, 51, 49, 62, 69, 91, 148];
|
var wasdOptions = {
|
series: [{
|
name: "报文",
|
data: wasdData,
|
}],
|
chart: {
|
id: 'realtime',
|
height: 300,
|
width: 400,
|
type: 'line',
|
zoom: {
|
enabled: false
|
},
|
animations: {
|
enabled: true,
|
easing: 'linear',
|
dynamicAnimation: {
|
speed: 10000
|
}
|
},
|
toolbar: {
|
show: false
|
},
|
zoom: {
|
enabled: false
|
}
|
},
|
dataLabels: {
|
enabled: false
|
},
|
stroke: {
|
curve: 'smooth'
|
},
|
markers: {
|
size: 0
|
},
|
legend: {
|
show: false
|
},
|
grid: {
|
row: {
|
colors: ['#f3f3f3', 'transparent'],
|
opacity: 0.5
|
},
|
},
|
xaxis: {
|
range: 7
|
// categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
|
},
|
yaxis: {
|
max: 1000
|
},
|
};
|
var wasdChart = new ApexCharts(document.getElementById('web1'), wasdOptions);
|
wasdChart.render();
|
|
window.setInterval(function () {
|
wasdData.push(weizhi);
|
wasdChart.updateSeries([{
|
data: wasdData
|
}])
|
}, 10000)
|
|
var polarAreaChart = {
|
chart: {
|
height: 250,
|
type: 'polarArea',
|
toolbar: {
|
show: false,
|
}
|
},
|
dataLabels: {
|
enabled: true,
|
background: {
|
enabled: true,
|
borderRadius:1,
|
}
|
},
|
stroke: {
|
colors: '#0e1726'
|
},
|
series: reT_v,
|
labels: reT_k,
|
responsive: [{
|
breakpoint: 480,
|
options: {
|
chart: {
|
width: 200
|
},
|
legend: {
|
position: 'bottom'
|
}
|
}
|
}]
|
}
|
|
var chart = new ApexCharts(
|
document.querySelector("#web2"),
|
polarAreaChart
|
);
|
chart.render();
|
var times = setInterval(leida,10000);
|
function leida() {
|
$.ajax({
|
url: "/hxzkoa/settongjishuju.do",
|
type: "POST",
|
dataType: "JSON",
|
success(data) {
|
chart.updateOptions({
|
series: data[1],
|
labels: data[0]
|
})
|
}
|
});
|
}
|
</script>
|
</html>
|
