<%@page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/base.jsp"%>
<%
List list = (List)request.getAttribute("list");
String data = "[";
List list_1 = new ArrayList();
List list_2 = new ArrayList();
List list_3 = new ArrayList();
for(int i=0;i<list.size();i++) {
List list3 = (List)list.get(i);
if(i==list.size()-1){
data=data+"'"+list3.get(0)+"']";
} else {
data=data+"'"+list3.get(0)+"',";
}
list_1.add(list3.get(0));
list_2.add(list3.get(1));
list_3.add(list3.get(2));
}
%>
<!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" />
<link rel="stylesheet" type="text/css" href="<%=basePath %>/stat/css/styles2.css" />
<title>资源分析</title>
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
</head>
<body>
<div style="background-color:#f4f5f8" class="modular2_modular1">
<div class="modular2_mod1_center1">
<div style="background-color:white;width:770px; height:270px;"><div style="left:20px; top:15px; font-family:微软雅黑; font-size:18px;font-weight:normal;line-height:50px; width:360px; height:18px;margin-left:20px;">资源提供方分布分析</div><div style="height:230px;width:800px;margin-bottom:2px;" id="echarts1"></div></div>
</div>
<script type="text/javascript">
require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});
require(
[
'echarts',
'echarts/chart/pie' // 使用柱状图就加载bar模块,按需加载
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById('echarts1'));
var option = {
tooltip : {
show:true,
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
y:'center',
textStyle: {
fontSize: 16,
fontFamily:'微软雅黑',
fontWeight: 'normal'
},
orient : 'vertical',
x : 'left',
data:<%=data%>
},
toolbox: {
show : false,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: true},
magicType : {
show: true,
type: ['pie', 'funnel'],
option: {
funnel: {
x: '25%',
width: '50%',
funnelAlign: 'center',
max: 1548
}
}
},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : false,
series : [
{
name:'资源来源方',
type:'pie',
radius : ['50%', '70%'],
itemStyle : {
normal : {
label : {
show : true,
textStyle : {
fontSize : 18,
fontWeight : 'bold'
}
},
labelLine : {
show : true
}
},
emphasis : {
label : {
show : false,
position : 'center',
textStyle : {
fontSize : 25,
fontWeight : 'bold'
}
}
}
},
data:[
{value:<%=list_2.get(0)%>, name:'<%=list_1.get(0)%>', srcId:'<%=list_3.get(0)%>'},
{value:<%=list_2.get(1)%>, name:'<%=list_1.get(1)%>', srcId:'<%=list_3.get(1)%>'},
{value:<%=list_2.get(2)%>, name:'<%=list_1.get(2)%>', srcId:'<%=list_3.get(2)%>'},
{value:<%=list_2.get(3)%>, name:'<%=list_1.get(3)%>', srcId:'<%=list_3.get(3)%>'}
]
}
]
};
// 为echarts对象加载数据
myChart.setOption(option);
myChart.on("click", function(pieItemObj) {
window.top.top_open('资源类型', '<%=basePath %>/stat/statPortalToManager.do?method=getResTypeBySource&sourceId=' + pieItemObj.data.srcId, 835, 400, this);
});
}
);
</script>
</body>
</html>
<%@include file="/base.jsp"%>
<%
List list = (List)request.getAttribute("list");
String data = "[";
List list_1 = new ArrayList();
List list_2 = new ArrayList();
List list_3 = new ArrayList();
for(int i=0;i<list.size();i++) {
List list3 = (List)list.get(i);
if(i==list.size()-1){
data=data+"'"+list3.get(0)+"']";
} else {
data=data+"'"+list3.get(0)+"',";
}
list_1.add(list3.get(0));
list_2.add(list3.get(1));
list_3.add(list3.get(2));
}
%>
<!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" />
<link rel="stylesheet" type="text/css" href="<%=basePath %>/stat/css/styles2.css" />
<title>资源分析</title>
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
</head>
<body>
<div style="background-color:#f4f5f8" class="modular2_modular1">
<div class="modular2_mod1_center1">
<div style="background-color:white;width:770px; height:270px;"><div style="left:20px; top:15px; font-family:微软雅黑; font-size:18px;font-weight:normal;line-height:50px; width:360px; height:18px;margin-left:20px;">资源提供方分布分析</div><div style="height:230px;width:800px;margin-bottom:2px;" id="echarts1"></div></div>
</div>
<script type="text/javascript">
require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});
require(
[
'echarts',
'echarts/chart/pie' // 使用柱状图就加载bar模块,按需加载
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById('echarts1'));
var option = {
tooltip : {
show:true,
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
y:'center',
textStyle: {
fontSize: 16,
fontFamily:'微软雅黑',
fontWeight: 'normal'
},
orient : 'vertical',
x : 'left',
data:<%=data%>
},
toolbox: {
show : false,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: true},
magicType : {
show: true,
type: ['pie', 'funnel'],
option: {
funnel: {
x: '25%',
width: '50%',
funnelAlign: 'center',
max: 1548
}
}
},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : false,
series : [
{
name:'资源来源方',
type:'pie',
radius : ['50%', '70%'],
itemStyle : {
normal : {
label : {
show : true,
textStyle : {
fontSize : 18,
fontWeight : 'bold'
}
},
labelLine : {
show : true
}
},
emphasis : {
label : {
show : false,
position : 'center',
textStyle : {
fontSize : 25,
fontWeight : 'bold'
}
}
}
},
data:[
{value:<%=list_2.get(0)%>, name:'<%=list_1.get(0)%>', srcId:'<%=list_3.get(0)%>'},
{value:<%=list_2.get(1)%>, name:'<%=list_1.get(1)%>', srcId:'<%=list_3.get(1)%>'},
{value:<%=list_2.get(2)%>, name:'<%=list_1.get(2)%>', srcId:'<%=list_3.get(2)%>'},
{value:<%=list_2.get(3)%>, name:'<%=list_1.get(3)%>', srcId:'<%=list_3.get(3)%>'}
]
}
]
};
// 为echarts对象加载数据
myChart.setOption(option);
myChart.on("click", function(pieItemObj) {
window.top.top_open('资源类型', '<%=basePath %>/stat/statPortalToManager.do?method=getResTypeBySource&sourceId=' + pieItemObj.data.srcId, 835, 400, this);
});
}
);
</script>
</body>
</html>