<%@page import="com.yeshi.buwan.domain.web.StatisticXY"%>
|
<%@page import="com.yeshi.buwan.util.BeanUtil"%>
|
<%@page import="com.yeshi.buwan.service.imp.StatisticsService"%>
|
<%@page import="com.yeshi.buwan.service.imp.SystemService"%>
|
<%@page import="com.yeshi.buwan.util.Utils"%>
|
<%@page import="com.yeshi.buwan.domain.Config"%>
|
<%@page import="com.yeshi.buwan.domain.DetailSystem"%>
|
<%@page import="com.yeshi.buwan.domain.VideoIntersection"%>
|
<%@page import="com.yeshi.buwan.domain.HomeType"%>
|
<%@page import="com.yeshi.buwan.util.TimeUtil"%>
|
<%@page import="java.util.concurrent.TimeUnit"%>
|
<%@page import="com.yeshi.buwan.web.tag.PageEntity"%>
|
<%@page import="com.yeshi.buwan.util.StringUtil"%>
|
<%@page import="com.yeshi.buwan.domain.VideoInfo"%>
|
<%@page import="com.yeshi.buwan.domain.SystemInfo"%>
|
<%@ page language="java" import="java.util.*"%>
|
<%@ page contentType="text/html; charset=UTF-8"%>
|
<%@ page pageEncoding="UTF-8"%><%@ taglib prefix="page" uri="/pagelib"%>
|
<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>首页banner</title>
|
<link rel="stylesheet" href="/BuWan/css/gongyong.css" type="text/css" />
|
<link rel="stylesheet" href="/BuWan/css/video_config.css"
|
type="text/css" />
|
<LINK rel=stylesheet href="/BuWan/js/jquery-ui-1.11.4/jquery-ui.css" />
|
<script type="text/javascript" src="/BuWan/js/jquery.min.js"></script>
|
<script type="text/javascript" src="/BuWan/js/check.js"></script>
|
<script type="text/javascript" src="/BuWan/js/jquery.js"></script>
|
<script type="text/javascript"
|
src="/BuWan/js/jquery-ui-1.11.4/jquery-ui.js"></script>
|
<link rel="stylesheet"
|
href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
|
<script type="text/javascript" src="js/highcharts.js"></script>
|
|
<link rel="stylesheet" href="css/style.css" media="screen"
|
type="text/css" />
|
|
|
|
<script type="text/javascript">
|
$(function() {
|
$("#tabs").tabs();
|
$("#systemlist").selectmenu();
|
$( "#systemlist" ).selectmenu({
|
change: function( event, ui ) {
|
$("#detailsystem").val($(this).val());
|
}
|
});
|
//$("#fastdate").selectmenu();
|
$("#datepickerfrom").datepicker({
|
showAnim:'slideDown',
|
dateFormat:'yy-mm-dd'
|
});
|
$("#datepickerto").datepicker({
|
showAnim:'slideDown',
|
dateFormat:'yy-mm-dd'
|
});
|
|
$(".button").button();
|
|
});
|
|
|
</script>
|
</head>
|
<%
|
List<DetailSystem> list = (List<DetailSystem>) request.getAttribute("list");
|
String detailsystem = request.getAttribute("detailsystem") + "";
|
DetailSystem detailSystem = (DetailSystem) request.getAttribute("detailSystem");
|
String fastdate = request.getAttribute("fastdate") + "";
|
String from = request.getAttribute("from") + "";
|
String to = request.getAttribute("to") + "";
|
String time = (String) request.getAttribute("time");
|
String count = (String) request.getAttribute("count");
|
List<StatisticXY> detailList = (List<StatisticXY>) request.getAttribute("detailList");
|
%>
|
|
|
<script type="text/javascript">
|
var chart;
|
$(document).ready(function() {
|
chart = new Highcharts.Chart({
|
chart: {
|
renderTo: 'container',
|
defaultSeriesType: 'line',
|
margin: [50, 150, 60, 80]
|
},
|
title: {
|
text: '观看次数统计',
|
style: {
|
margin: '10px 100px 0 0' // center it
|
}
|
},
|
subtitle: {
|
text: '',
|
style: {
|
margin: '0 100px 0 0' // center it
|
}
|
},
|
xAxis: {
|
categories: [<%=time%>],
|
title: {
|
text: 'Month'
|
}
|
},
|
yAxis: {
|
title: {
|
text: '观看次数(次)'
|
},
|
plotLines: [{
|
value: 0,
|
width: 1,
|
color: '#808080'
|
}]
|
},
|
tooltip: {
|
formatter: function() {
|
return '<b>'+ this.series.name +'</b><br/>'+
|
this.x +': '+ this.y +'次';
|
}
|
},
|
legend: {
|
layout: 'vertical',
|
style: {
|
left: 'auto',
|
bottom: 'auto',
|
right: '10px',
|
top: '100px'
|
}
|
},
|
series: [{
|
name: '<%=detailSystem == null
|
? "全部"
|
: detailSystem.getAppName() + "("
|
+ ("1".equalsIgnoreCase(detailSystem.getPlatform() + "") ? "A" : "I") + ")"%>',
|
data : [
|
<%=count%>
|
]
|
} ]
|
});
|
});
|
</script>
|
|
<body>
|
<div class="div_bj">
|
<div class="div_ban">观看数据统计</div>
|
<div class="div_rdtg"></div>
|
<div style="width: 1700px; padding-left: 60px; padding-top: 30px;">
|
<div style="float: left; width: 190px;">
|
<select id="systemlist" name="detailsystem">
|
<option value="0">全部</option>
|
<%
|
for (DetailSystem ds : list) {
|
if (!ds.getId().equalsIgnoreCase(detailsystem))
|
out.print("<option value=" + ds.getId() + ">" + ds.getAppName() + "("
|
+ (ds.getPlatform() == 1 ? "A" : "I") + ")" + "</option>");
|
else
|
out.print("<option selected='selected' value=" + ds.getId() + ">" + ds.getAppName() + "("
|
+ (ds.getPlatform() == 1 ? "A" : "I") + ")" + "</option>");
|
}
|
%>
|
|
</select>
|
</div>
|
<div style="float: right; width: 1500px;">
|
|
<div id="tabs">
|
|
<form action="getStatisticList.action"
|
style="margin-bottom: 200px;">
|
<input type="hidden" name="detailsystem" id="detailsystem"
|
value="<%=detailsystem%>">
|
<div>
|
<b>从</b><input type="text" id="datepickerfrom" value="<%=from%>"
|
name="from" style="width: 130px; margin-left: 5px;"><b>
|
到</b><input value="<%=to%>" type="text" name="to"
|
style="width: 130px; margin-left: 5px;" id="datepickerto">
|
<select id="fastdate" name="fastdate" style="height: 30px;">
|
<option value="0"
|
<%="0".equalsIgnoreCase(fastdate) ? "selected='selected'" : ""%>>/</option>
|
<option value="1"
|
<%="1".equalsIgnoreCase(fastdate) ? "selected='selected'" : ""%>>今天</option>
|
<option value="2"
|
<%="2".equalsIgnoreCase(fastdate) ? "selected='selected'" : ""%>>昨天</option>
|
<option value="7"
|
<%="7".equalsIgnoreCase(fastdate) ? "selected='selected'" : ""%>>最近七天</option>
|
<option value="30"
|
<%="30".equalsIgnoreCase(fastdate) ? "selected='selected'" : ""%>>最近一个月</option>
|
</select> <input style="margin-left: 20px;" type="submit" value="确定"
|
class="button">
|
</div>
|
</form>
|
<ul style="margin-top: 20px;">
|
<li><a href="#tabs-1">观看次数统计</a></li>
|
<li><a href="#tabs-2">观看详情统计</a></li>
|
|
</ul>
|
|
|
|
<div id="tabs-1">
|
|
<div id="container"
|
style="width: 1500px; height: 400px; margin: 0 auto"></div>
|
|
</div>
|
<div id="tabs-2">
|
<%
|
for (int i = 0; i < detailList.size(); i++) {
|
%>
|
<div class="skillbar clearfix "
|
data-percent="<%=((float) detailList.get(i).getY() / detailList.get(0).getY()) * 100%>%">
|
<div class="skillbar-title" style="background: #d35400;">
|
<span><%=detailList.get(i).getTime()%></span>
|
</div>
|
<div class="skillbar-bar"
|
style="background:<%=i < 10 ? "#FF0000" : "#3498db"%>;"></div>
|
<div class="skill-bar-percent">
|
<b><%=detailList.get(i).getY()%></b>
|
</div>
|
</div>
|
<%
|
}
|
%>
|
|
<div style="text-align: center; clear: both;">
|
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
|
<script src="/follow.js" type="text/javascript"></script>
|
</div>
|
|
|
<script src="js/index.js"></script>
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
</div>
|
</body>
|
|
<script type="text/javascript" src="/BuWan/js/countheight.js">
|
|
</script>
|
|
</html>
|
