highcharts使用参考
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Push营销系统中心首页 - Powered By ${systemConfig.systemName}</title>
<meta name="Author" content="pushmarketing Team" />
<meta name="Copyright" content="pushmarketing" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<#include "/WEB-INF/template/common/include.ftl">
<link href="${base}/template/admin/css/base.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/admin/css/admin.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/admin/css/input.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="all" href="${base}/template/shop/css/jScrollPane.css" />
<link rel="stylesheet" type="text/css" media="all" href="${base}/template/shop/css/demoStyles.css" />
<script type="text/javascript" src="${base}/template/admin/js/base.js"></script>
<script type="text/javascript" src="${base}/template/admin/js/admin.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/jScrollPane-1.2.2.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/highcharts.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/modules/exporting.js"></script>
<script type="text/javascript">
var sh;
var chart;
var chart2;
var chart3;
var pie=new Array();
var staticnum = new Array();
var todownload = new Array();
var chart2data=new Array();
var chart3Y=new Array();
for(var i=0;i<8;i++){
chart3Y[i]=new Array();
}
var chart3X=new Array();
var modelTop;
var modelBottom;
var arrPie0 = new Array();
var arrPie1 = new Array();
var arrPie2 = new Array();
var arrPie3 = new Array();
var arrPie4 = new Array();
var arrPie5 = new Array();
var arrPie6 = new Array();
var arrPie7 = new Array();
var pie0html="";
var pie1html="";
var pie2html="";
var pie3html="";
var pie4html="";
var pie5html="";
var pie6html="";
var pie7html="";
function searchcnt(key){
clearInterval(sh);
todownload.splice(0,todownload.length);
$("#noShow").hide();
var datasubmit = {"messageId":$("#messageId").val(),"flag":key};
if(key =='4' ){
datasubmit = {"messageId":$("#messageId").val(),"flag":key,"startdate":$("#startdate").val(),"enddate":$("#enddate").val()};
}
$.ajax({
url: pushmarketing.base + "/admin/datashow!doDataNum.action",
type:"POST",
data: datasubmit,
dataType: "json",
beforeSend: function() {
//$this.attr("disabled", true);
},
success: function(json) {
//$this.attr("success", false);
if(key =='1'|| key =='2'||key=='3' || key=='4'){
$("#num_data tr:gt(0)").remove();
var htmlString = "";
$.each(json.data, function(i, n) {
htmlString+="<tr>";
htmlString+="<td>" + n.date + "</td>";
htmlString+="<td>" + n.arrivecnt + "</td>";
htmlString+="<td>" + n.displaycnt + "</td>";
htmlString+="<td>" + n.displaycnt_d + "</td>";
htmlString+="<td>" + n.clickcnt + "</td>";
htmlString+="<td>" + n.clickcnt_c + "</td>";
htmlString+="<td>" + n.downloadcnt + "</td>";
htmlString+="<td>" + n.installcnt + "</td>";
htmlString+="<td>" + n.activecnt + "</td>";
htmlString+="</tr>";
staticnum.splice(0,staticnum.length);
staticnum.push(n.date);
staticnum.push(n.arrivecnt);
staticnum.push(n.displaycnt);
staticnum.push(n.displaycnt_d);
staticnum.push(n.clickcnt);
staticnum.push(n.clickcnt_c);
staticnum.push(n.downloadcnt);
staticnum.push(n.installcnt);
staticnum.push(n.activecnt);
if(key=='4'){
chart3X.push(n.date.substring(n.date.length-5,n.date.length));
chart3Y[0].push(n.arrivecnt);
chart3Y[1].push(n.displaycnt);
chart3Y[2].push(n.displaycnt_d);
chart3Y[3].push(n.clickcnt);
chart3Y[4].push(n.clickcnt_c);
chart3Y[5].push(n.downloadcnt);
chart3Y[6].push(n.installcnt);
chart3Y[7].push(n.activecnt);
var staticstr = staticnum.join(",");
todownload.push(staticstr);
}
});
$("#num_data").append(htmlString);
}
if(key =='2' ){
$.each(json.dataMid, function(i, n) {
var arrive=n.arrivecnt.split(",");
var display=n.displaycnt.split(",");
var display_d=n.displaycnt_d.split(",");
var click=n.clickcnt.split(",");
var click_c=n.clickcnt_c.split(",");
var download=n.downloadcnt.split(",");
var install=n.installcnt.split(",");
var active=n.activecnt.split(",");
chart2data[0]=[parseInt(arrive[0]),parseInt(arrive[1]),parseInt(arrive[2]),parseInt(arrive[3]),parseInt(arrive[4]),parseInt(arrive[5]),parseInt(arrive[6]),parseInt(arrive[7]),parseInt(arrive[8]),parseInt(arrive[9]),parseInt(arrive[10]),parseInt(arrive[11]),parseInt(arrive[12]),parseInt(arrive[13]),parseInt(arrive[14]),parseInt(arrive[15]),parseInt(arrive[16]),parseInt(arrive[17]),parseInt(arrive[18]),parseInt(arrive[19]),parseInt(arrive[20]),parseInt(arrive[21]),parseInt(arrive[22]),parseInt(arrive[23])];
chart2data[1]=[parseInt(display[0]),parseInt(display[1]),parseInt(display[2]),parseInt(display[3]),parseInt(display[4]),parseInt(display[5]),parseInt(display[6]),parseInt(display[7]),parseInt(display[8]),parseInt(display[9]),parseInt(display[10]),parseInt(display[11]),parseInt(display[12]),parseInt(display[13]),parseInt(display[14]),parseInt(display[15]),parseInt(display[16]),parseInt(display[17]),parseInt(display[18]),parseInt(display[19]),parseInt(display[20]),parseInt(display[21]),parseInt(display[22]),parseInt(display[23])];
chart2data[2]=[parseInt(display_d[0]),parseInt(display_d[1]),parseInt(display_d[2]),parseInt(display_d[3]),parseInt(display_d[4]),parseInt(display_d[5]),parseInt(display_d[6]),parseInt(display_d[7]),parseInt(display_d[8]),parseInt(display_d[9]),parseInt(display_d[10]),parseInt(display_d[11]),parseInt(display_d[12]),parseInt(display_d[13]),parseInt(display_d[14]),parseInt(display_d[15]),parseInt(display_d[16]),parseInt(display_d[17]),parseInt(display_d[18]),parseInt(display_d[19]),parseInt(display_d[20]),parseInt(display_d[21]),parseInt(display_d[22]),parseInt(display_d[23])];
chart2data[3]=[parseInt(click[0]),parseInt(click[1]),parseInt(click[2]),parseInt(click[3]),parseInt(click[4]),parseInt(click[5]),parseInt(click[6]),parseInt(click[7]),parseInt(click[8]),parseInt(click[9]),parseInt(click[10]),parseInt(click[11]),parseInt(click[12]),parseInt(click[13]),parseInt(click[14]),parseInt(click[15]),parseInt(click[16]),parseInt(click[17]),parseInt(click[18]),parseInt(click[19]),parseInt(click[20]),parseInt(click[21]),parseInt(click[22]),parseInt(click[23])];
chart2data[4]=[parseInt(click_c[0]),parseInt(click_c[1]),parseInt(click_c[2]),parseInt(click_c[3]),parseInt(click_c[4]),parseInt(click_c[5]),parseInt(click_c[6]),parseInt(click_c[7]),parseInt(click_c[8]),parseInt(click_c[9]),parseInt(click_c[10]),parseInt(click_c[11]),parseInt(click_c[12]),parseInt(click_c[13]),parseInt(click_c[14]),parseInt(click_c[15]),parseInt(click_c[16]),parseInt(click_c[17]),parseInt(click_c[18]),parseInt(click_c[19]),parseInt(click_c[20]),parseInt(click_c[21]),parseInt(click_c[22]),parseInt(click_c[23])];
chart2data[5]=[parseInt(download[0]),parseInt(download[1]),parseInt(download[2]),parseInt(download[3]),parseInt(download[4]),parseInt(download[5]),parseInt(download[6]),parseInt(download[7]),parseInt(download[8]),parseInt(download[9]),parseInt(download[10]),parseInt(download[11]),parseInt(download[12]),parseInt(download[13]),parseInt(download[14]),parseInt(download[15]),parseInt(download[16]),parseInt(download[17]),parseInt(download[18]),parseInt(download[19]),parseInt(download[20]),parseInt(download[21]),parseInt(download[22]),parseInt(download[23])];
chart2data[6]=[parseInt(install[0]),parseInt(install[1]),parseInt(install[2]),parseInt(install[3]),parseInt(install[4]),parseInt(install[5]),parseInt(install[6]),parseInt(install[7]),parseInt(install[8]),parseInt(install[9]),parseInt(install[10]),parseInt(install[11]),parseInt(install[12]),parseInt(install[13]),parseInt(install[14]),parseInt(install[15]),parseInt(install[16]),parseInt(install[17]),parseInt(install[18]),parseInt(install[19]),parseInt(install[20]),parseInt(install[21]),parseInt(install[22]),parseInt(install[23])];
chart2data[7]=[parseInt(active[0]),parseInt(active[1]),parseInt(active[2]),parseInt(active[3]),parseInt(active[4]),parseInt(active[5]),parseInt(active[6]),parseInt(active[7]),parseInt(active[8]),parseInt(active[9]),parseInt(active[10]),parseInt(active[11]),parseInt(active[12]),parseInt(active[13]),parseInt(active[14]),parseInt(active[15]),parseInt(active[16]),parseInt(active[17]),parseInt(active[18]),parseInt(active[19]),parseInt(active[20]),parseInt(active[21]),parseInt(active[22]),parseInt(active[23])];
});
$.each(json.pieData, function(i, n) {
var arrive=n.arrivePie.split(",");
var display=n.displayPie.split(",");
var display_d=n.displayPie_d.split(",");
var click=n.clickPie.split(",");
var click_c=n.clickPie_c.split(",");
var download=n.downloadPie.split(",");
var install=n.installPie.split(",");
var active=n.activePie.split(",");
for (var i = 0; i < arrive.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = arrive[i];
tmp[1] = arrive[i+1];
arrPie0[i/2] = tmp;}
}
for (var i = 0; i < display.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = display[i];
tmp[1] = display[i+1];
arrPie1[i/2] = tmp;}
}
for (var i = 0; i < display_d.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = display_d[i];
tmp[1] = display_d[i+1];
arrPie2[i/2] = tmp;}
}
for (var i = 0; i < click.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = click[i];
tmp[1] = click[i+1];
arrPie3[i/2] = tmp;}
}
for (var i = 0; i < click_c.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = click_c[i];
tmp[1] = click_c[i+1];
arrPie4[i/2] = tmp;}
}
for (var i = 0; i < download.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = download[i];
tmp[1] = download[i+1];
arrPie5[i/2] = tmp;}
}
for (var i = 0; i < install.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = install[i];
tmp[1] = install[i+1];
arrPie6[i/2] = tmp;}
}
for (var i = 0; i < active.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = active[i];
tmp[1] = active[i+1];
arrPie7[i/2] = tmp;}
}
});
pie0html="";
pie1html="";
pie2html="";
pie3html="";
pie4html="";
pie5html="";
pie6html="";
pie7html="";
for(var i=0;i<arrPie0.length;i++)
{
pie0html+= "<tr><td style='width:100px'>"+ arrPie0[i][0]+"</td>"+ "<td>"+arrPie0[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie1.length;i++)
{
pie1html+= "<tr><td style='width:100px'>"+ arrPie1[i][0]+"</td>"+ "<td>"+arrPie1[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie2.length;i++)
{
pie2html+= "<tr><td style='width:100px'>"+ arrPie2[i][0]+"</td>"+ "<td>"+arrPie2[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie3.length;i++)
{
pie3html+= "<tr><td style='width:100px'>"+ arrPie3[i][0]+"</td>"+ "<td>"+arrPie3[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie4.length;i++)
{
pie4html+= "<tr><td style='width:100px'>"+ arrPie4[i][0]+"</td>"+ "<td>"+arrPie4[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie5.length;i++)
{
pie5html+= "<tr><td style='width:100px'>"+ arrPie5[i][0]+"</td>"+ "<td>"+arrPie5[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie6.length;i++)
{
pie6html+= "<tr><td style='width:100px'>"+ arrPie6[i][0]+"</td>"+ "<td>"+arrPie6[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie7.length;i++)
{
pie7html+= "<tr><td style='width:100px'>"+ arrPie7[i][0]+"</td>"+ "<td>"+arrPie7[i][1]+"</td></tr>";
}
}
},
error: function(data) {
//$this.attr("disabled", false);
}
});
if(key == '1'){
sh = setInterval("searchcnt('1')", 60000);
modelTop=1;
}
if(key == '2'){
modelTop=2;
}
if(key == '3'){
modelTop=3;
}
if(key == '4'){
modelTop=4;
}
$("#noShow").show();
$("#container3").hide();
$("#container2").hide();
$("#container").hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
}
function data0() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[1]
});
}
return data;
}
function data1() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[2]
});
}
return data;
}
function data2() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[3]
});
}
return data;
}
function data3() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[4]
});
}
return data;
}
function data4() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[5]
});
}
return data;
}
function data5() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[6]
});
}
return data;
}
function data6() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[7]
});
}
return data;
}
function data7() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[8]
});
}
return data;
}
function exportexcel() {
var downstr = todownload.join("|");
var url="datashow!doDataDownload.action?downstr="+downstr;
window.location.href = url;
}
$(document).ready(function() {
$("#noShow").hide();
Highcharts.setOptions({
global: {
useUTC: false
}
});
for(var i=0;i<8;i++)
pie[i] = new Highcharts.Chart({
chart: {
renderTo: 'pie'+i,
},
title: {
text: ''
},
plotArea: {
shadow: null,
borderWidth: null,
backgroundColor: null
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
formatter: function() {
if (this.y > 5) return this.point.name;
},
color: 'white',
style: {
font: '13px Trebuchet MS, Verdana, sans-serif'
}
}
}
},
legend: {
layout: 'vertical',
style: {
left: 'auto',
bottom: 'auto',
right: '50px',
top: '100px'
}
},
series: [ {
type: 'pie',
name: 'Browser share',
data:[]
} ]
});
options = {
chart: {
renderTo: 'container3' ,
defaultSeriesType: 'line'
},
title: {
text: 'feedback图表',
y:10
},
xAxis: {
categories: [
]
},
series: [{
name: '到达数',
data: []
},{
name: '一次显示数',
data: []
},{
name: '二次显示数',
data: []
},{
name: '一次点击数',
data: []
},{
name: '二次点击数',
data: []
},{
name: '下载数',
data: []
},{
name: '安装数',
data: []
},{
name: '激活数',
data: []
}]
};
chart2 = new Highcharts.Chart({
chart: {
renderTo: 'container2' ,
defaultSeriesType: 'line'
},
title: {
text: 'feedback图表',
y:10
},
xAxis: {
categories: [
'0', '1', '2', '3', '4', '5',
'6', '7', '8', '9', '10', '11',
'12', '13', '14', '15', '16', '17',
'18', '19', '20', '21', '22', '23',
]
},
series: [{
name: '到达数',
data: []
},{
name: '一次显示数',
data: []
},{
name: '二次显示数',
data: []
},{
name: '一次点击数',
data: []
},{
name: '二次点击数',
data: []
},{
name: '下载数',
data: []
},{
name: '安装数',
data: []
},{
name: '激活数',
data: []
}]
});
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'spline',
marginRight: 10,
events: {
load: function() {
var series0 = this.series[0];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[1]);
series0.addPoint([x, y], true, true);
}, 1000)
var series1 = this.series[1];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[2]);
series1.addPoint([x, y], true, true);
}, 1000)
var series2 = this.series[2];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[3]);
series2.addPoint([x, y], true, true);
}, 1000)
var series3 = this.series[3];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[4]);
series3.addPoint([x, y], true, true);
}, 1000)
var series4 = this.series[4];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[5]);
series4.addPoint([x, y], true, true);
}, 1000)
var series5 = this.series[5];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[6]);
series5.addPoint([x, y], true, true);
}, 1000)
var series6 = this.series[6];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[7]);
series6.addPoint([x, y], true, true);
}, 1000)
var series7 = this.series[7];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[8]);
series7.addPoint([x, y], true, true);
}, 1000)
}
}
},
title: {
text: "static data table",
style: {
margin: '10px 100px 0 0' // center it
}
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150
},
yAxis: {
title: {
text: 'Value'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'<br/>'+
Highcharts.numberFormat(this.y, 2);
}
},
legend: {
enabled: true
},
exporting: {
enabled: false
},
series: [
{
name: '到达数',
data: []
},{
name: '一次显示数',
data: []
},{
name: '二次显示数',
data: []
},{
name: '一次点击数',
data: []
},{
name: '二次点击数',
data: []
},{
name: '下载数',
data: []
},{
name: '安装数',
data: []
},{
name: '激活数',
data: []
}
]
});
$("#container").hide();
$("#container2").hide();
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
});
function line(flag){
switch(modelTop){
case 1:{
$("#container").show();
$("#container2").hide();
$("#container3").hide();
chart.series[0].setData(data0());
chart.series[1].setData(data1());
chart.series[2].setData(data2());
chart.series[3].setData(data3());
chart.series[4].setData(data4());
chart.series[5].setData(data5());
chart.series[6].setData(data6());
chart.series[7].setData(data7());
if(flag == '8'){
chart.series[0].show();
chart.series[1].show();
chart.series[2].show();
chart.series[3].show();
chart.series[4].show();
chart.series[5].show();
chart.series[6].show();
chart.series[7].show();
}
if(flag =='0'){
chart.series[0].show();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='1'){
chart.series[0].hide();
chart.series[1].show();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='2'){
chart.series[1].hide();
chart.series[0].hide();
chart.series[2].show();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='3'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].show();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='4'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].show();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='5'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].show();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='6'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].show();
chart.series[7].hide();
}
if(flag=='7'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].show();
}
}break;
case 2:{
$("#container2").show();
$("#container").hide();
$("#container3").hide();
chart2.series[0].setData(chart2data[0]);
chart2.series[1].setData(chart2data[1]);
chart2.series[2].setData(chart2data[2]);
chart2.series[3].setData(chart2data[3]);
chart2.series[4].setData(chart2data[4]);
chart2.series[5].setData(chart2data[5]);
chart2.series[6].setData(chart2data[6]);
chart2.series[7].setData(chart2data[7]);
var sum=0;
if(flag == '8'){
chart2.series[0].show();
chart2.series[1].show();
chart2.series[2].show();
chart2.series[3].show();
chart2.series[4].show();
chart2.series[5].show();
chart2.series[6].show();
chart2.series[7].show();
$("#pane0").show();
$("#pie0").show();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
for(var i=0;i<arrPie0.length;i++)
{
sum=sum+parseInt(arrPie0[i][1]);
}
for(var i=0;i<arrPie0.length;i++)
{
arrPie0[i][1]=100*parseInt(arrPie0[i][1])/sum;
}
pie[0].series[0].setData(arrPie0);
$("#pie0table").html(pie0html);
$('#pane0').jScrollPane();
}
if(flag=='0'){
chart2.series[0].show();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").show();
$("#pie0").show();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
for(var i=0;i<arrPie0.length;i++)
{
sum=sum+parseInt(arrPie0[i][1]);
}
for(var i=0;i<arrPie0.length;i++)
{
arrPie0[i][1]=100*parseInt(arrPie0[i][1])/sum;
}
pie[0].series[0].setData(arrPie0);
$("#pie0table").html(pie0html);
$('#pane0').jScrollPane();
}
if(flag == '1'){
chart2.series[0].hide();
chart2.series[1].show();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").show();
$("#pie1").show();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie1.length;i++)
{
sum=sum+parseInt(arrPie1[i][1]);
}
for(var i=0;i<arrPie1.length;i++)
{
arrPie1[i][1]=100*parseInt(arrPie1[i][1])/sum;
}
pie[1].series[0].setData(arrPie1);
$("#pie1table").html(pie1html);
$('#pane1').jScrollPane();
}
if(flag=='2'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].show();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").show();
$("#pie2").show();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie2.length;i++)
{
sum=sum+parseInt(arrPie2[i][1]);
}
for(var i=0;i<arrPie2.length;i++)
{
arrPie2[i][1]=100*parseInt(arrPie2[i][1])/sum;
}
pie[2].series[0].setData(arrPie2);
$("#pie2table").html(pie2html);
$('#pane2').jScrollPane();
}
if(flag=='3'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].show();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").show();
$("#pie3").show();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie3.length;i++)
{
sum=sum+parseInt(arrPie3[i][1]);
}
for(var i=0;i<arrPie3.length;i++)
{
arrPie3[i][1]=100*parseInt(arrPie3[i][1])/sum;
}
pie[3].series[0].setData(arrPie3);
$("#pie3table").html(pie3html);
$('#pane3').jScrollPane();
}
if(flag=='4'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].show();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").show();
$("#pie4").show();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie4.length;i++)
{
sum=sum+parseInt(arrPie4[i][1]);
}
for(var i=0;i<arrPie4.length;i++)
{
arrPie4[i][1]=100*parseInt(arrPie4[i][1])/sum;
}
pie[4].series[0].setData(arrPie4);
$("#pie4table").html(pie4html);
$('#pane4').jScrollPane();
}
if(flag=='5'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].show();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").show();
$("#pie5").show();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie5.length;i++)
{
sum=sum+parseInt(arrPie5[i][1]);
}
for(var i=0;i<arrPie5.length;i++)
{
arrPie5[i][1]=100*parseInt(arrPie5[i][1])/sum;
}
pie[5].series[0].setData(arrPie5);
$("#pie5table").html(pie5html);
$('#pane5').jScrollPane();
}
if(flag=='6'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].show();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").show();
$("#pie6").show();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie6.length;i++)
{
sum=sum+parseInt(arrPie6[i][1]);
}
for(var i=0;i<arrPie6.length;i++)
{
arrPie6[i][1]=100*parseInt(arrPie6[i][1])/sum;
}
pie[6].series[0].setData(arrPie6);
$("#pie6table").html(pie6html);
$('#pane6').jScrollPane();
}
if(flag=='7'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].show();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").show();
$("#pie7").show();
sum=0;
for(var i=0;i<arrPie7.length;i++)
{
sum=sum+parseInt(arrPie7[i][1]);
}
for(var i=0;i<arrPie7.length;i++)
{
arrPie7[i][1]=100*parseInt(arrPie7[i][1])/sum;
}
pie[7].series[0].setData(arrPie7);
$("#pie7table").html(pie7html);
$('#pane7').jScrollPane();
}
}break;
case 4:{
$("#container2").hide();
$("#container").hide();
$("#container3").show();
if(chart3X.length!=0){
options.xAxis.categories = [];
for(var i=0;i<chart3X.length;i++){
options.xAxis.categories.push(chart3X[i]);
}
chart3 = new Highcharts.Chart(options);
chart3.series[0].setData(chart3Y[0]);
chart3.series[1].setData(chart3Y[1]);
chart3.series[2].setData(chart3Y[2]);
chart3.series[3].setData(chart3Y[3]);
chart3.series[4].setData(chart3Y[4]);
chart3.series[5].setData(chart3Y[5]);
chart3.series[6].setData(chart3Y[6]);
chart3.series[7].setData(chart3Y[7]);
}
chart3X.splice(0,chart3X.length);
chart3Y[0].splice(0,chart3Y[0].length);
chart3Y[1].splice(0,chart3Y[1].length);
chart3Y[2].splice(0,chart3Y[2].length);
chart3Y[3].splice(0,chart3Y[3].length);
chart3Y[4].splice(0,chart3Y[4].length);
chart3Y[5].splice(0,chart3Y[5].length);
chart3Y[6].splice(0,chart3Y[6].length);
chart3Y[7].splice(0,chart3Y[7].length);
if(flag == '8'){
chart3.series[0].show();
chart3.series[1].show();
chart3.series[2].show();
chart3.series[3].show();
chart3.series[4].show();
chart3.series[5].show();
chart3.series[6].show();
chart3.series[7].show();
}
if(flag =='0'){
chart3.series[0].show();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='1'){
chart3.series[0].hide();
chart3.series[1].show();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='2'){
chart3.series[1].hide();
chart3.series[0].hide();
chart3.series[2].show();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='3'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].show();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='4'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].show();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='5'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].show();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='6'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].show();
chart3.series[7].hide();
}
if(flag=='7'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].show();
}
}
break;
}
}
</script>
</head>
<body class="index">
<div class="bar" id="table_title">应用统计数</div>
<div class="body">
<div class="listBar">
<label>消息Id：</label><label class="searchText"> <input type="text" id="messageId" name="messageId" value="" class="formText {required: true, minlength: 2, maxlength: 60}" title="不能为空"/></label>
<input type="submit" class="formButton" value="查询" hidefocus="true" onclick="return searchcnt('1');"/>
<input type="submit" class="formButton" value="今天" hidefocus="true" onclick="return searchcnt('1');"/>
<input type="submit" class="formButton" value="昨天" hidefocus="true" onclick="return searchcnt('2');"/>
<input type="submit" class="formButton" value="近三天" hidefocus="true" onclick="return searchcnt('3');"/>
<input type="text" id="startdate" name="startdate" class="formText datePicker" value="${(searchdate?string("yyyy-MM-dd"))}" />
--
<input type="text" id="enddate" name="enddate" class="formText datePicker" value="${(searchdate?string("yyyy-MM-dd"))}" />
<input type="submit" class="formButton" value="搜索" hidefocus="true" onclick="return searchcnt('4');" />
<input type="submit" id="exportexcel" name="exportexcel" class="formButton" value="导出到excel" onclick="return exportexcel();" hidefocus="true" />
</div>
<table class="listTable" id="num_data" >
<tr>
<th>
<a href="#" class="sort" name="arrivecnt" hidefocus>日期</a>
</th>
<th>
<a href="#" class="sort" name="arrivecnt" hidefocus>到达数</a>
</th>
<th>
<a href="#" class="sort" name="displaycnt" hidefocus>一次显示数</a>
</th>
<th>
<a href="#" class="sort" name="displaycnt" hidefocus>二次显示数</a>
</th>
<th>
<a href="#" class="sort" name="clickcnt" hidefocus>一次点击数</a>
</th>
<th>
<a href="#" class="sort" name="clickcnt" hidefocus>二次点击数</a>
</th>
<th>
<a href="#" class="sort" name="downloadcnt" hidefocus>下载数</a>
</th>
<th>
<a href="#" class="sort" name="installcnt" hidefocus>安装数</a>
</th>
<th>
<a href="#" class="sort" name="activecnt" hidefocus>激活数</a>
</th>
</tr>
</table>
</div>
<div id="noShow" class="body" >
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
<div id="container2" style="width: 800px; height: 400px; margin: 0 auto"></div>
<div id="container3" style="width: 800px; height: 400px; margin: 0 auto"></div>
<div align="center" id="buttonall" class="fixed">
图表显示
<input type="submit" id="allcntbtn" class="formButton" value="全部" hidefocus="true" onclick="return line('8');" />
<input type="submit" id="arrivecntbtn" class="formButton" value="到达" hidefocus="true" onclick="return line('0');" />
<input type="submit" id="displaycntbtn" class="formButton" value="一次显示" hidefocus="true" onclick="return line('1');" />
<input type="submit" id="displaycntbtn" class="formButton" value="二次显示" hidefocus="true" onclick="return line('2');" />
<input type="submit" id="clickcntbtn" class="formButton" value="一次点击" hidefocus="true" onclick="return line('3');"/>
<input type="submit" id="clickcntbtn" class="formButton" value="二次点击" hidefocus="true" onclick="return line('4');"/>
<input type="submit" id="downloadcntbtn" class="formButton" value="下载" hidefocus="true" onclick="return line('5');"/>
<input type="submit" id="installcntbtn" class="formButton" value="安装" hidefocus="true" onclick="return line('6');"/>
<input type="submit" id="activecntbtn" class="formButton" value="激活" hidefocus="true" onclick="return line('7');"/>
</div>
<div id="pane0" class="scroll-pane">
到达数<table id="pie0table" class="listTable" ></table>
</div>
<div id="pie0" class="bodyRight" >
</div>
<div id="pane1" class="scroll-pane">
一次显示数<table id="pie1table" class="listTable" ></table>
</div>
<div id="pie1" class="bodyRight" >
</div>
<div id="pane2" class="scroll-pane">
二次显示数<table id="pie2table" class="listTable" ></table>
</div>
<div id="pie2" class="bodyRight" >
</div>
<div id="pane3" class="scroll-pane">
一次点击数<table id="pie3table" class="listTable" ></table>
</div>
<div id="pie3" class="bodyRight" >
</div>
<div id="pane4" class="scroll-pane">
二次点击数<table id="pie4table" class="listTable" ></table>
</div>
<div id="pie4" class="bodyRight" >
</div>
<div id="pane5" class="scroll-pane">
下载数<table id="pie5table" class="listTable" ></table>
</div>
<div id="pie5" class="bodyRight" >
</div>
<div id="pane6" class="scroll-pane">
安装数<table id="pie6table" class="listTable" ></table>
</div>
<div id="pie6" class="bodyRight" >
</div>
<div id="pane7" class="scroll-pane">
激活数<table id="pie7table" class="listTable" ></table>
</div>
<div id="pie7" class="bodyRight" >
</div>
</div>
<p class="copyright">Copyright © 2012 Lenovo All Rights Reserved.</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Push营销系统中心首页 - Powered By ${systemConfig.systemName}</title>
<meta name="Author" content="pushmarketing Team" />
<meta name="Copyright" content="pushmarketing" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<#include "/WEB-INF/template/common/include.ftl">
<link href="${base}/template/admin/css/base.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/admin/css/admin.css" rel="stylesheet" type="text/css" />
<link href="${base}/template/admin/css/input.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="all" href="${base}/template/shop/css/jScrollPane.css" />
<link rel="stylesheet" type="text/css" media="all" href="${base}/template/shop/css/demoStyles.css" />
<script type="text/javascript" src="${base}/template/admin/js/base.js"></script>
<script type="text/javascript" src="${base}/template/admin/js/admin.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/jScrollPane-1.2.2.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/highcharts.js"></script>
<script type="text/javascript" src="${base}/template/shop/js/modules/exporting.js"></script>
<script type="text/javascript">
var sh;
var chart;
var chart2;
var chart3;
var pie=new Array();
var staticnum = new Array();
var todownload = new Array();
var chart2data=new Array();
var chart3Y=new Array();
for(var i=0;i<8;i++){
chart3Y[i]=new Array();
}
var chart3X=new Array();
var modelTop;
var modelBottom;
var arrPie0 = new Array();
var arrPie1 = new Array();
var arrPie2 = new Array();
var arrPie3 = new Array();
var arrPie4 = new Array();
var arrPie5 = new Array();
var arrPie6 = new Array();
var arrPie7 = new Array();
var pie0html="";
var pie1html="";
var pie2html="";
var pie3html="";
var pie4html="";
var pie5html="";
var pie6html="";
var pie7html="";
function searchcnt(key){
clearInterval(sh);
todownload.splice(0,todownload.length);
$("#noShow").hide();
var datasubmit = {"messageId":$("#messageId").val(),"flag":key};
if(key =='4' ){
datasubmit = {"messageId":$("#messageId").val(),"flag":key,"startdate":$("#startdate").val(),"enddate":$("#enddate").val()};
}
$.ajax({
url: pushmarketing.base + "/admin/datashow!doDataNum.action",
type:"POST",
data: datasubmit,
dataType: "json",
beforeSend: function() {
//$this.attr("disabled", true);
},
success: function(json) {
//$this.attr("success", false);
if(key =='1'|| key =='2'||key=='3' || key=='4'){
$("#num_data tr:gt(0)").remove();
var htmlString = "";
$.each(json.data, function(i, n) {
htmlString+="<tr>";
htmlString+="<td>" + n.date + "</td>";
htmlString+="<td>" + n.arrivecnt + "</td>";
htmlString+="<td>" + n.displaycnt + "</td>";
htmlString+="<td>" + n.displaycnt_d + "</td>";
htmlString+="<td>" + n.clickcnt + "</td>";
htmlString+="<td>" + n.clickcnt_c + "</td>";
htmlString+="<td>" + n.downloadcnt + "</td>";
htmlString+="<td>" + n.installcnt + "</td>";
htmlString+="<td>" + n.activecnt + "</td>";
htmlString+="</tr>";
staticnum.splice(0,staticnum.length);
staticnum.push(n.date);
staticnum.push(n.arrivecnt);
staticnum.push(n.displaycnt);
staticnum.push(n.displaycnt_d);
staticnum.push(n.clickcnt);
staticnum.push(n.clickcnt_c);
staticnum.push(n.downloadcnt);
staticnum.push(n.installcnt);
staticnum.push(n.activecnt);
if(key=='4'){
chart3X.push(n.date.substring(n.date.length-5,n.date.length));
chart3Y[0].push(n.arrivecnt);
chart3Y[1].push(n.displaycnt);
chart3Y[2].push(n.displaycnt_d);
chart3Y[3].push(n.clickcnt);
chart3Y[4].push(n.clickcnt_c);
chart3Y[5].push(n.downloadcnt);
chart3Y[6].push(n.installcnt);
chart3Y[7].push(n.activecnt);
var staticstr = staticnum.join(",");
todownload.push(staticstr);
}
});
$("#num_data").append(htmlString);
}
if(key =='2' ){
$.each(json.dataMid, function(i, n) {
var arrive=n.arrivecnt.split(",");
var display=n.displaycnt.split(",");
var display_d=n.displaycnt_d.split(",");
var click=n.clickcnt.split(",");
var click_c=n.clickcnt_c.split(",");
var download=n.downloadcnt.split(",");
var install=n.installcnt.split(",");
var active=n.activecnt.split(",");
chart2data[0]=[parseInt(arrive[0]),parseInt(arrive[1]),parseInt(arrive[2]),parseInt(arrive[3]),parseInt(arrive[4]),parseInt(arrive[5]),parseInt(arrive[6]),parseInt(arrive[7]),parseInt(arrive[8]),parseInt(arrive[9]),parseInt(arrive[10]),parseInt(arrive[11]),parseInt(arrive[12]),parseInt(arrive[13]),parseInt(arrive[14]),parseInt(arrive[15]),parseInt(arrive[16]),parseInt(arrive[17]),parseInt(arrive[18]),parseInt(arrive[19]),parseInt(arrive[20]),parseInt(arrive[21]),parseInt(arrive[22]),parseInt(arrive[23])];
chart2data[1]=[parseInt(display[0]),parseInt(display[1]),parseInt(display[2]),parseInt(display[3]),parseInt(display[4]),parseInt(display[5]),parseInt(display[6]),parseInt(display[7]),parseInt(display[8]),parseInt(display[9]),parseInt(display[10]),parseInt(display[11]),parseInt(display[12]),parseInt(display[13]),parseInt(display[14]),parseInt(display[15]),parseInt(display[16]),parseInt(display[17]),parseInt(display[18]),parseInt(display[19]),parseInt(display[20]),parseInt(display[21]),parseInt(display[22]),parseInt(display[23])];
chart2data[2]=[parseInt(display_d[0]),parseInt(display_d[1]),parseInt(display_d[2]),parseInt(display_d[3]),parseInt(display_d[4]),parseInt(display_d[5]),parseInt(display_d[6]),parseInt(display_d[7]),parseInt(display_d[8]),parseInt(display_d[9]),parseInt(display_d[10]),parseInt(display_d[11]),parseInt(display_d[12]),parseInt(display_d[13]),parseInt(display_d[14]),parseInt(display_d[15]),parseInt(display_d[16]),parseInt(display_d[17]),parseInt(display_d[18]),parseInt(display_d[19]),parseInt(display_d[20]),parseInt(display_d[21]),parseInt(display_d[22]),parseInt(display_d[23])];
chart2data[3]=[parseInt(click[0]),parseInt(click[1]),parseInt(click[2]),parseInt(click[3]),parseInt(click[4]),parseInt(click[5]),parseInt(click[6]),parseInt(click[7]),parseInt(click[8]),parseInt(click[9]),parseInt(click[10]),parseInt(click[11]),parseInt(click[12]),parseInt(click[13]),parseInt(click[14]),parseInt(click[15]),parseInt(click[16]),parseInt(click[17]),parseInt(click[18]),parseInt(click[19]),parseInt(click[20]),parseInt(click[21]),parseInt(click[22]),parseInt(click[23])];
chart2data[4]=[parseInt(click_c[0]),parseInt(click_c[1]),parseInt(click_c[2]),parseInt(click_c[3]),parseInt(click_c[4]),parseInt(click_c[5]),parseInt(click_c[6]),parseInt(click_c[7]),parseInt(click_c[8]),parseInt(click_c[9]),parseInt(click_c[10]),parseInt(click_c[11]),parseInt(click_c[12]),parseInt(click_c[13]),parseInt(click_c[14]),parseInt(click_c[15]),parseInt(click_c[16]),parseInt(click_c[17]),parseInt(click_c[18]),parseInt(click_c[19]),parseInt(click_c[20]),parseInt(click_c[21]),parseInt(click_c[22]),parseInt(click_c[23])];
chart2data[5]=[parseInt(download[0]),parseInt(download[1]),parseInt(download[2]),parseInt(download[3]),parseInt(download[4]),parseInt(download[5]),parseInt(download[6]),parseInt(download[7]),parseInt(download[8]),parseInt(download[9]),parseInt(download[10]),parseInt(download[11]),parseInt(download[12]),parseInt(download[13]),parseInt(download[14]),parseInt(download[15]),parseInt(download[16]),parseInt(download[17]),parseInt(download[18]),parseInt(download[19]),parseInt(download[20]),parseInt(download[21]),parseInt(download[22]),parseInt(download[23])];
chart2data[6]=[parseInt(install[0]),parseInt(install[1]),parseInt(install[2]),parseInt(install[3]),parseInt(install[4]),parseInt(install[5]),parseInt(install[6]),parseInt(install[7]),parseInt(install[8]),parseInt(install[9]),parseInt(install[10]),parseInt(install[11]),parseInt(install[12]),parseInt(install[13]),parseInt(install[14]),parseInt(install[15]),parseInt(install[16]),parseInt(install[17]),parseInt(install[18]),parseInt(install[19]),parseInt(install[20]),parseInt(install[21]),parseInt(install[22]),parseInt(install[23])];
chart2data[7]=[parseInt(active[0]),parseInt(active[1]),parseInt(active[2]),parseInt(active[3]),parseInt(active[4]),parseInt(active[5]),parseInt(active[6]),parseInt(active[7]),parseInt(active[8]),parseInt(active[9]),parseInt(active[10]),parseInt(active[11]),parseInt(active[12]),parseInt(active[13]),parseInt(active[14]),parseInt(active[15]),parseInt(active[16]),parseInt(active[17]),parseInt(active[18]),parseInt(active[19]),parseInt(active[20]),parseInt(active[21]),parseInt(active[22]),parseInt(active[23])];
});
$.each(json.pieData, function(i, n) {
var arrive=n.arrivePie.split(",");
var display=n.displayPie.split(",");
var display_d=n.displayPie_d.split(",");
var click=n.clickPie.split(",");
var click_c=n.clickPie_c.split(",");
var download=n.downloadPie.split(",");
var install=n.installPie.split(",");
var active=n.activePie.split(",");
for (var i = 0; i < arrive.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = arrive[i];
tmp[1] = arrive[i+1];
arrPie0[i/2] = tmp;}
}
for (var i = 0; i < display.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = display[i];
tmp[1] = display[i+1];
arrPie1[i/2] = tmp;}
}
for (var i = 0; i < display_d.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = display_d[i];
tmp[1] = display_d[i+1];
arrPie2[i/2] = tmp;}
}
for (var i = 0; i < click.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = click[i];
tmp[1] = click[i+1];
arrPie3[i/2] = tmp;}
}
for (var i = 0; i < click_c.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = click_c[i];
tmp[1] = click_c[i+1];
arrPie4[i/2] = tmp;}
}
for (var i = 0; i < download.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = download[i];
tmp[1] = download[i+1];
arrPie5[i/2] = tmp;}
}
for (var i = 0; i < install.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = install[i];
tmp[1] = install[i+1];
arrPie6[i/2] = tmp;}
}
for (var i = 0; i < active.length; i++) {
var tmp = new Array();
if(i%2==0){
tmp[0] = active[i];
tmp[1] = active[i+1];
arrPie7[i/2] = tmp;}
}
});
pie0html="";
pie1html="";
pie2html="";
pie3html="";
pie4html="";
pie5html="";
pie6html="";
pie7html="";
for(var i=0;i<arrPie0.length;i++)
{
pie0html+= "<tr><td style='width:100px'>"+ arrPie0[i][0]+"</td>"+ "<td>"+arrPie0[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie1.length;i++)
{
pie1html+= "<tr><td style='width:100px'>"+ arrPie1[i][0]+"</td>"+ "<td>"+arrPie1[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie2.length;i++)
{
pie2html+= "<tr><td style='width:100px'>"+ arrPie2[i][0]+"</td>"+ "<td>"+arrPie2[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie3.length;i++)
{
pie3html+= "<tr><td style='width:100px'>"+ arrPie3[i][0]+"</td>"+ "<td>"+arrPie3[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie4.length;i++)
{
pie4html+= "<tr><td style='width:100px'>"+ arrPie4[i][0]+"</td>"+ "<td>"+arrPie4[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie5.length;i++)
{
pie5html+= "<tr><td style='width:100px'>"+ arrPie5[i][0]+"</td>"+ "<td>"+arrPie5[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie6.length;i++)
{
pie6html+= "<tr><td style='width:100px'>"+ arrPie6[i][0]+"</td>"+ "<td>"+arrPie6[i][1]+"</td></tr>";
}
for(var i=0;i<arrPie7.length;i++)
{
pie7html+= "<tr><td style='width:100px'>"+ arrPie7[i][0]+"</td>"+ "<td>"+arrPie7[i][1]+"</td></tr>";
}
}
},
error: function(data) {
//$this.attr("disabled", false);
}
});
if(key == '1'){
sh = setInterval("searchcnt('1')", 60000);
modelTop=1;
}
if(key == '2'){
modelTop=2;
}
if(key == '3'){
modelTop=3;
}
if(key == '4'){
modelTop=4;
}
$("#noShow").show();
$("#container3").hide();
$("#container2").hide();
$("#container").hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
}
function data0() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[1]
});
}
return data;
}
function data1() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[2]
});
}
return data;
}
function data2() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[3]
});
}
return data;
}
function data3() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[4]
});
}
return data;
}
function data4() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[5]
});
}
return data;
}
function data5() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[6]
});
}
return data;
}
function data6() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[7]
});
}
return data;
}
function data7() {
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: staticnum[8]
});
}
return data;
}
function exportexcel() {
var downstr = todownload.join("|");
var url="datashow!doDataDownload.action?downstr="+downstr;
window.location.href = url;
}
$(document).ready(function() {
$("#noShow").hide();
Highcharts.setOptions({
global: {
useUTC: false
}
});
for(var i=0;i<8;i++)
pie[i] = new Highcharts.Chart({
chart: {
renderTo: 'pie'+i,
},
title: {
text: ''
},
plotArea: {
shadow: null,
borderWidth: null,
backgroundColor: null
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
formatter: function() {
if (this.y > 5) return this.point.name;
},
color: 'white',
style: {
font: '13px Trebuchet MS, Verdana, sans-serif'
}
}
}
},
legend: {
layout: 'vertical',
style: {
left: 'auto',
bottom: 'auto',
right: '50px',
top: '100px'
}
},
series: [ {
type: 'pie',
name: 'Browser share',
data:[]
} ]
});
options = {
chart: {
renderTo: 'container3' ,
defaultSeriesType: 'line'
},
title: {
text: 'feedback图表',
y:10
},
xAxis: {
categories: [
]
},
series: [{
name: '到达数',
data: []
},{
name: '一次显示数',
data: []
},{
name: '二次显示数',
data: []
},{
name: '一次点击数',
data: []
},{
name: '二次点击数',
data: []
},{
name: '下载数',
data: []
},{
name: '安装数',
data: []
},{
name: '激活数',
data: []
}]
};
chart2 = new Highcharts.Chart({
chart: {
renderTo: 'container2' ,
defaultSeriesType: 'line'
},
title: {
text: 'feedback图表',
y:10
},
xAxis: {
categories: [
'0', '1', '2', '3', '4', '5',
'6', '7', '8', '9', '10', '11',
'12', '13', '14', '15', '16', '17',
'18', '19', '20', '21', '22', '23',
]
},
series: [{
name: '到达数',
data: []
},{
name: '一次显示数',
data: []
},{
name: '二次显示数',
data: []
},{
name: '一次点击数',
data: []
},{
name: '二次点击数',
data: []
},{
name: '下载数',
data: []
},{
name: '安装数',
data: []
},{
name: '激活数',
data: []
}]
});
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'spline',
marginRight: 10,
events: {
load: function() {
var series0 = this.series[0];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[1]);
series0.addPoint([x, y], true, true);
}, 1000)
var series1 = this.series[1];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[2]);
series1.addPoint([x, y], true, true);
}, 1000)
var series2 = this.series[2];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[3]);
series2.addPoint([x, y], true, true);
}, 1000)
var series3 = this.series[3];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[4]);
series3.addPoint([x, y], true, true);
}, 1000)
var series4 = this.series[4];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[5]);
series4.addPoint([x, y], true, true);
}, 1000)
var series5 = this.series[5];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[6]);
series5.addPoint([x, y], true, true);
}, 1000)
var series6 = this.series[6];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[7]);
series6.addPoint([x, y], true, true);
}, 1000)
var series7 = this.series[7];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = parseInt(staticnum[8]);
series7.addPoint([x, y], true, true);
}, 1000)
}
}
},
title: {
text: "static data table",
style: {
margin: '10px 100px 0 0' // center it
}
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150
},
yAxis: {
title: {
text: 'Value'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'<br/>'+
Highcharts.numberFormat(this.y, 2);
}
},
legend: {
enabled: true
},
exporting: {
enabled: false
},
series: [
{
name: '到达数',
data: []
},{
name: '一次显示数',
data: []
},{
name: '二次显示数',
data: []
},{
name: '一次点击数',
data: []
},{
name: '二次点击数',
data: []
},{
name: '下载数',
data: []
},{
name: '安装数',
data: []
},{
name: '激活数',
data: []
}
]
});
$("#container").hide();
$("#container2").hide();
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
});
function line(flag){
switch(modelTop){
case 1:{
$("#container").show();
$("#container2").hide();
$("#container3").hide();
chart.series[0].setData(data0());
chart.series[1].setData(data1());
chart.series[2].setData(data2());
chart.series[3].setData(data3());
chart.series[4].setData(data4());
chart.series[5].setData(data5());
chart.series[6].setData(data6());
chart.series[7].setData(data7());
if(flag == '8'){
chart.series[0].show();
chart.series[1].show();
chart.series[2].show();
chart.series[3].show();
chart.series[4].show();
chart.series[5].show();
chart.series[6].show();
chart.series[7].show();
}
if(flag =='0'){
chart.series[0].show();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='1'){
chart.series[0].hide();
chart.series[1].show();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='2'){
chart.series[1].hide();
chart.series[0].hide();
chart.series[2].show();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='3'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].show();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='4'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].show();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='5'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].show();
chart.series[6].hide();
chart.series[7].hide();
}
if(flag=='6'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].show();
chart.series[7].hide();
}
if(flag=='7'){
chart.series[0].hide();
chart.series[1].hide();
chart.series[2].hide();
chart.series[3].hide();
chart.series[4].hide();
chart.series[5].hide();
chart.series[6].hide();
chart.series[7].show();
}
}break;
case 2:{
$("#container2").show();
$("#container").hide();
$("#container3").hide();
chart2.series[0].setData(chart2data[0]);
chart2.series[1].setData(chart2data[1]);
chart2.series[2].setData(chart2data[2]);
chart2.series[3].setData(chart2data[3]);
chart2.series[4].setData(chart2data[4]);
chart2.series[5].setData(chart2data[5]);
chart2.series[6].setData(chart2data[6]);
chart2.series[7].setData(chart2data[7]);
var sum=0;
if(flag == '8'){
chart2.series[0].show();
chart2.series[1].show();
chart2.series[2].show();
chart2.series[3].show();
chart2.series[4].show();
chart2.series[5].show();
chart2.series[6].show();
chart2.series[7].show();
$("#pane0").show();
$("#pie0").show();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
for(var i=0;i<arrPie0.length;i++)
{
sum=sum+parseInt(arrPie0[i][1]);
}
for(var i=0;i<arrPie0.length;i++)
{
arrPie0[i][1]=100*parseInt(arrPie0[i][1])/sum;
}
pie[0].series[0].setData(arrPie0);
$("#pie0table").html(pie0html);
$('#pane0').jScrollPane();
}
if(flag=='0'){
chart2.series[0].show();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").show();
$("#pie0").show();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
for(var i=0;i<arrPie0.length;i++)
{
sum=sum+parseInt(arrPie0[i][1]);
}
for(var i=0;i<arrPie0.length;i++)
{
arrPie0[i][1]=100*parseInt(arrPie0[i][1])/sum;
}
pie[0].series[0].setData(arrPie0);
$("#pie0table").html(pie0html);
$('#pane0').jScrollPane();
}
if(flag == '1'){
chart2.series[0].hide();
chart2.series[1].show();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").show();
$("#pie1").show();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie1.length;i++)
{
sum=sum+parseInt(arrPie1[i][1]);
}
for(var i=0;i<arrPie1.length;i++)
{
arrPie1[i][1]=100*parseInt(arrPie1[i][1])/sum;
}
pie[1].series[0].setData(arrPie1);
$("#pie1table").html(pie1html);
$('#pane1').jScrollPane();
}
if(flag=='2'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].show();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").show();
$("#pie2").show();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie2.length;i++)
{
sum=sum+parseInt(arrPie2[i][1]);
}
for(var i=0;i<arrPie2.length;i++)
{
arrPie2[i][1]=100*parseInt(arrPie2[i][1])/sum;
}
pie[2].series[0].setData(arrPie2);
$("#pie2table").html(pie2html);
$('#pane2').jScrollPane();
}
if(flag=='3'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].show();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").show();
$("#pie3").show();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie3.length;i++)
{
sum=sum+parseInt(arrPie3[i][1]);
}
for(var i=0;i<arrPie3.length;i++)
{
arrPie3[i][1]=100*parseInt(arrPie3[i][1])/sum;
}
pie[3].series[0].setData(arrPie3);
$("#pie3table").html(pie3html);
$('#pane3').jScrollPane();
}
if(flag=='4'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].show();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").show();
$("#pie4").show();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie4.length;i++)
{
sum=sum+parseInt(arrPie4[i][1]);
}
for(var i=0;i<arrPie4.length;i++)
{
arrPie4[i][1]=100*parseInt(arrPie4[i][1])/sum;
}
pie[4].series[0].setData(arrPie4);
$("#pie4table").html(pie4html);
$('#pane4').jScrollPane();
}
if(flag=='5'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].show();
chart2.series[6].hide();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").show();
$("#pie5").show();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie5.length;i++)
{
sum=sum+parseInt(arrPie5[i][1]);
}
for(var i=0;i<arrPie5.length;i++)
{
arrPie5[i][1]=100*parseInt(arrPie5[i][1])/sum;
}
pie[5].series[0].setData(arrPie5);
$("#pie5table").html(pie5html);
$('#pane5').jScrollPane();
}
if(flag=='6'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].show();
chart2.series[7].hide();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").show();
$("#pie6").show();
$("#pane7").hide();
$("#pie7").hide();
sum=0;
for(var i=0;i<arrPie6.length;i++)
{
sum=sum+parseInt(arrPie6[i][1]);
}
for(var i=0;i<arrPie6.length;i++)
{
arrPie6[i][1]=100*parseInt(arrPie6[i][1])/sum;
}
pie[6].series[0].setData(arrPie6);
$("#pie6table").html(pie6html);
$('#pane6').jScrollPane();
}
if(flag=='7'){
chart2.series[0].hide();
chart2.series[1].hide();
chart2.series[2].hide();
chart2.series[3].hide();
chart2.series[4].hide();
chart2.series[5].hide();
chart2.series[6].hide();
chart2.series[7].show();
$("#pane0").hide();
$("#pie0").hide();
$("#pane1").hide();
$("#pie1").hide();
$("#pane2").hide();
$("#pie2").hide();
$("#pane3").hide();
$("#pie3").hide();
$("#pane4").hide();
$("#pie4").hide();
$("#pane5").hide();
$("#pie5").hide();
$("#pane6").hide();
$("#pie6").hide();
$("#pane7").show();
$("#pie7").show();
sum=0;
for(var i=0;i<arrPie7.length;i++)
{
sum=sum+parseInt(arrPie7[i][1]);
}
for(var i=0;i<arrPie7.length;i++)
{
arrPie7[i][1]=100*parseInt(arrPie7[i][1])/sum;
}
pie[7].series[0].setData(arrPie7);
$("#pie7table").html(pie7html);
$('#pane7').jScrollPane();
}
}break;
case 4:{
$("#container2").hide();
$("#container").hide();
$("#container3").show();
if(chart3X.length!=0){
options.xAxis.categories = [];
for(var i=0;i<chart3X.length;i++){
options.xAxis.categories.push(chart3X[i]);
}
chart3 = new Highcharts.Chart(options);
chart3.series[0].setData(chart3Y[0]);
chart3.series[1].setData(chart3Y[1]);
chart3.series[2].setData(chart3Y[2]);
chart3.series[3].setData(chart3Y[3]);
chart3.series[4].setData(chart3Y[4]);
chart3.series[5].setData(chart3Y[5]);
chart3.series[6].setData(chart3Y[6]);
chart3.series[7].setData(chart3Y[7]);
}
chart3X.splice(0,chart3X.length);
chart3Y[0].splice(0,chart3Y[0].length);
chart3Y[1].splice(0,chart3Y[1].length);
chart3Y[2].splice(0,chart3Y[2].length);
chart3Y[3].splice(0,chart3Y[3].length);
chart3Y[4].splice(0,chart3Y[4].length);
chart3Y[5].splice(0,chart3Y[5].length);
chart3Y[6].splice(0,chart3Y[6].length);
chart3Y[7].splice(0,chart3Y[7].length);
if(flag == '8'){
chart3.series[0].show();
chart3.series[1].show();
chart3.series[2].show();
chart3.series[3].show();
chart3.series[4].show();
chart3.series[5].show();
chart3.series[6].show();
chart3.series[7].show();
}
if(flag =='0'){
chart3.series[0].show();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='1'){
chart3.series[0].hide();
chart3.series[1].show();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='2'){
chart3.series[1].hide();
chart3.series[0].hide();
chart3.series[2].show();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='3'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].show();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='4'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].show();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='5'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].show();
chart3.series[6].hide();
chart3.series[7].hide();
}
if(flag=='6'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].show();
chart3.series[7].hide();
}
if(flag=='7'){
chart3.series[0].hide();
chart3.series[1].hide();
chart3.series[2].hide();
chart3.series[3].hide();
chart3.series[4].hide();
chart3.series[5].hide();
chart3.series[6].hide();
chart3.series[7].show();
}
}
break;
}
}
</script>
</head>
<body class="index">
<div class="bar" id="table_title">应用统计数</div>
<div class="body">
<div class="listBar">
<label>消息Id：</label><label class="searchText"> <input type="text" id="messageId" name="messageId" value="" class="formText {required: true, minlength: 2, maxlength: 60}" title="不能为空"/></label>
<input type="submit" class="formButton" value="查询" hidefocus="true" onclick="return searchcnt('1');"/>
<input type="submit" class="formButton" value="今天" hidefocus="true" onclick="return searchcnt('1');"/>
<input type="submit" class="formButton" value="昨天" hidefocus="true" onclick="return searchcnt('2');"/>
<input type="submit" class="formButton" value="近三天" hidefocus="true" onclick="return searchcnt('3');"/>
<input type="text" id="startdate" name="startdate" class="formText datePicker" value="${(searchdate?string("yyyy-MM-dd"))}" />
--
<input type="text" id="enddate" name="enddate" class="formText datePicker" value="${(searchdate?string("yyyy-MM-dd"))}" />
<input type="submit" class="formButton" value="搜索" hidefocus="true" onclick="return searchcnt('4');" />
<input type="submit" id="exportexcel" name="exportexcel" class="formButton" value="导出到excel" onclick="return exportexcel();" hidefocus="true" />
</div>
<table class="listTable" id="num_data" >
<tr>
<th>
<a href="#" class="sort" name="arrivecnt" hidefocus>日期</a>
</th>
<th>
<a href="#" class="sort" name="arrivecnt" hidefocus>到达数</a>
</th>
<th>
<a href="#" class="sort" name="displaycnt" hidefocus>一次显示数</a>
</th>
<th>
<a href="#" class="sort" name="displaycnt" hidefocus>二次显示数</a>
</th>
<th>
<a href="#" class="sort" name="clickcnt" hidefocus>一次点击数</a>
</th>
<th>
<a href="#" class="sort" name="clickcnt" hidefocus>二次点击数</a>
</th>
<th>
<a href="#" class="sort" name="downloadcnt" hidefocus>下载数</a>
</th>
<th>
<a href="#" class="sort" name="installcnt" hidefocus>安装数</a>
</th>
<th>
<a href="#" class="sort" name="activecnt" hidefocus>激活数</a>
</th>
</tr>
</table>
</div>
<div id="noShow" class="body" >
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
<div id="container2" style="width: 800px; height: 400px; margin: 0 auto"></div>
<div id="container3" style="width: 800px; height: 400px; margin: 0 auto"></div>
<div align="center" id="buttonall" class="fixed">
图表显示
<input type="submit" id="allcntbtn" class="formButton" value="全部" hidefocus="true" onclick="return line('8');" />
<input type="submit" id="arrivecntbtn" class="formButton" value="到达" hidefocus="true" onclick="return line('0');" />
<input type="submit" id="displaycntbtn" class="formButton" value="一次显示" hidefocus="true" onclick="return line('1');" />
<input type="submit" id="displaycntbtn" class="formButton" value="二次显示" hidefocus="true" onclick="return line('2');" />
<input type="submit" id="clickcntbtn" class="formButton" value="一次点击" hidefocus="true" onclick="return line('3');"/>
<input type="submit" id="clickcntbtn" class="formButton" value="二次点击" hidefocus="true" onclick="return line('4');"/>
<input type="submit" id="downloadcntbtn" class="formButton" value="下载" hidefocus="true" onclick="return line('5');"/>
<input type="submit" id="installcntbtn" class="formButton" value="安装" hidefocus="true" onclick="return line('6');"/>
<input type="submit" id="activecntbtn" class="formButton" value="激活" hidefocus="true" onclick="return line('7');"/>
</div>
<div id="pane0" class="scroll-pane">
到达数<table id="pie0table" class="listTable" ></table>
</div>
<div id="pie0" class="bodyRight" >
</div>
<div id="pane1" class="scroll-pane">
一次显示数<table id="pie1table" class="listTable" ></table>
</div>
<div id="pie1" class="bodyRight" >
</div>
<div id="pane2" class="scroll-pane">
二次显示数<table id="pie2table" class="listTable" ></table>
</div>
<div id="pie2" class="bodyRight" >
</div>
<div id="pane3" class="scroll-pane">
一次点击数<table id="pie3table" class="listTable" ></table>
</div>
<div id="pie3" class="bodyRight" >
</div>
<div id="pane4" class="scroll-pane">
二次点击数<table id="pie4table" class="listTable" ></table>
</div>
<div id="pie4" class="bodyRight" >
</div>
<div id="pane5" class="scroll-pane">
下载数<table id="pie5table" class="listTable" ></table>
</div>
<div id="pie5" class="bodyRight" >
</div>
<div id="pane6" class="scroll-pane">
安装数<table id="pie6table" class="listTable" ></table>
</div>
<div id="pie6" class="bodyRight" >
</div>
<div id="pane7" class="scroll-pane">
激活数<table id="pie7table" class="listTable" ></table>
</div>
<div id="pie7" class="bodyRight" >
</div>
</div>
<p class="copyright">Copyright © 2012 Lenovo All Rights Reserved.</p>
</body>
</html>