折线图

beetlsql3-dev
姚丹ab 2 years ago
parent e6fad6e58c
commit 585f194140

@ -57,7 +57,21 @@
</div>
<table id="teacherTable" lay-filter="teacherTable"></table>
<div class="layui-row" style="margin-bottom:10px;padding-top: 60px;"><h2>在线人数变化折线图:</h2></div>
<div class="layui-row" style="margin-bottom:10px;padding-top: 60px;">
<div class="layui-inline"><h2>在线人数变化折线图:</h2></div>
<div class="layui-inline">
<label class="layui-form-label">请选择日期</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="zxTime" placeholder="yyyy-MM-dd">
</div>
</div>
<div class="layui-inline" style="margin-left: 20px">
<layui:accessButton function="teacher.query" action="searchZX"><i
class="layui-icon">&#xe615;</i>搜索
</layui:accessButton>
</div>
</div>
<!-- 为 ECharts 准备一个定义了宽高的 DOM必须定义宽高才可以显示 -->
<div style="width: 100%;height: 300px" id="monitor"></div>
@ -114,6 +128,13 @@
, value: [Common.getNowDate(-365 / 2) + ' ~ ' + Common.getNowDate(1)]
, trigger: 'click'
});
laydate.render({
elem: '#zxTime'
,format: 'yyyy-MM-dd'
,value:Common.getNowDate(0)
});
laydate.render({
elem: '#test5'
, type: 'date'
@ -121,6 +142,7 @@
, value: [Common.getNowDate(-365 / 2) + ' ~ ' + Common.getNowDate(1)]
, trigger: 'click'
});
teacherTable = table.render({
elem: '#teacherTable',
height: Lib.getTableHeight(),
@ -224,6 +246,8 @@
curr: 1
}
});
},searchZX:function(){
count();
},import: function () {
var url = "/jlw/teacher/importPage.do";
Common.openDlg(url, "");
@ -250,9 +274,11 @@
var onLineCountData = [];//在线人数Data
var timeData = [];//日期Date
var url = '/jlw/analysis/systemUseLogsAnalysis.json';
var param = getParam();
var param = {};
param.page = 1;
param.limit = 1000;
param.day = $("#zxTime").val();
var ret = Common.postAjax(url,param);
var data = ret.data;
if (ret.code == 0) {

Loading…
Cancel
Save