<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
|
<link href="images/reset.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet" type="text/css" />
|
<link href="images/system.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet" type="text/css" />
|
<link href="images/table_form.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet" type="text/css" />
|
<script src="{yun:}$config.sy_weburl{/yun}/js/jquery-1.8.0.min.js?v={yun:}$config.cachecode{/yun}"></script>
|
<link href="{yun:}$config.sy_weburl{/yun}/js/layui/css/layui.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet" type="text/css" />
|
<script src="{yun:}$config.sy_weburl{/yun}/js/layui/layui.js?v={yun:}$config.cachecode{/yun}"></script>
|
<script src="{yun:}$config.sy_weburl{/yun}/js/layui/custom_layer.js?v={yun:}$config.cachecode{/yun}"></script>
|
<script src="js/admin_public.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
|
<script src="js/echarts_plain.js?v={yun:}$config.cachecode{/yun}"></script>
|
<title>后台管理</title>
|
</head>
|
<body class="body_ifm">
|
|
<div class="infoboxp">
|
{yun:}include file="admin/admin_tongji_top.htm"{/yun}
|
<div class="clear"></div>
|
<div class="admin_tj_show">
|
<div class="admin_statistics">
|
<span class="tty_sjtj_color">数据统计:</span>
|
<em class="admin_statistics_s">企业:
|
<span class="ajaxall">{yun:}$AllNum.all{/yun}</span>
|
</em>
|
</div>
|
<div class="admin_tongji_box">
|
<div class="admin_atatic_chart" id="main2" style="width:100%;height:300px;"></div>
|
<div class="clear"></div>
|
<div class="admin_udbox_table_bor">
|
<div class="admin_udbox_table_box">
|
<div class="admin_udbox_right_fx">企业数据分析:</div>
|
<table cellpadding="0" cellspacing="0" width="100%" class="admin_udbox_table">
|
<tr>
|
<td>
|
<div class="admin_atatic_chart" id="hytj" style="width:500px;height:300px; margin:0 auto"></div></td>
|
<td class="admin_atatic_chart_tdbor">
|
<div class="admin_atatic_chart" id="ratingtj" style="width:500px;height:300px; margin:0 auto"></div></td>
|
</tr>
|
<tr>
|
<td>
|
<div class="admin_atatic_chart" id="istj" style="width:500px;height:300px; margin:0 auto"></div></td>
|
<td class="admin_atatic_chart_tdbor">
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript">
|
// 基于准备好的dom,初始化echarts图表
|
var myChart = echarts.init(document.getElementById('main2'));
|
option = null;
|
option = {
|
title: {
|
text: '{yun:}$name{/yun}'
|
},
|
tooltip : {
|
trigger: 'axis'
|
},
|
legend: {
|
data:[{yun:}foreach name=foo from=$list item=daylist{/yun}{yun:}if $smarty.foreach.foo.index>0{/yun},{yun:}/if{/yun}'{yun:}$daylist.date{/yun}'{yun:}/foreach{/yun}]
|
},
|
grid: {
|
left: '3%',
|
right: '4%',
|
bottom: '3%',
|
containLabel: true
|
},
|
xAxis : [
|
{
|
type : 'category',
|
boundaryGap : false,
|
data : [
|
{yun:}foreach name=foo1 from=$list item=lists{/yun}
|
{yun:}if $smarty.foreach.foo1.index<1{/yun}
|
{yun:}foreach name=foo2 from=$lists.list item=daylist{/yun}{yun:}if $smarty.foreach.foo2.index>0{/yun},{yun:}/if{/yun}'{yun:}$daylist.date{/yun}'{yun:}/foreach{/yun}
|
{yun:}/if{/yun}
|
{yun:}/foreach{/yun}
|
|
]
|
}
|
],
|
yAxis : [
|
{
|
type : 'value'
|
}
|
],
|
series : [
|
{yun:}foreach name=foo1 from=$list item=lists{/yun}
|
|
{yun:}if $smarty.foreach.foo1.index>0{/yun},{yun:}/if{/yun}{
|
name:'{yun:}$lists.name{/yun}',
|
type:'line',
|
areaStyle: {normal: {}},
|
data:[{yun:}foreach name=foo2 from=$lists.list item=daylist{/yun}{yun:}if $smarty.foreach.foo2.index>0{/yun},{yun:}/if{/yun}{yun:}$daylist.count{/yun}{yun:}/foreach{/yun}]
|
}
|
{yun:}/foreach{/yun}
|
]
|
};
|
myChart.setOption(option); // 为echarts对象加载数据
|
|
//招聘需求行业统计
|
var myChartHy = echarts.init(document.getElementById('hytj'));
|
optionhy = null;
|
optionhy = {
|
title : {
|
text: '行业统计',
|
subtext: '',
|
x:'center'
|
},
|
tooltip : {
|
trigger: 'item',
|
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
},
|
legend: {
|
orient: 'vertical',
|
left: 'left',
|
top:'20%',
|
data: [{yun:}foreach name=foo from=$counttj.hy item=hylist{/yun}{yun:}if $smarty.foreach.foo.index>0{/yun},{yun:}/if{/yun}'{yun:}$hylist.name{/yun}'{yun:}/foreach{/yun}]
|
},
|
series : [
|
{
|
name: '占比分析',
|
type: 'pie',
|
radius : '55%',
|
center: ['70%', '60%'],
|
data:[
|
{yun:}foreach name=foo from=$counttj.hy item=hylist{/yun}
|
|
{yun:}if $smarty.foreach.foo.index>0{/yun},{yun:}/if{/yun}
|
{value:'{yun:}$hylist.count{/yun}', name:'{yun:}$hylist.name{/yun}'}
|
|
|
|
{yun:}/foreach{/yun}
|
],
|
itemStyle: {
|
emphasis: {
|
shadowBlur: 10,
|
shadowOffsetX: 0,
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
}
|
}
|
}
|
]
|
};
|
myChartHy.setOption(optionhy); // 为echarts对象加载数据
|
|
//招聘需求区域统计
|
var myChartRating = echarts.init(document.getElementById('ratingtj'));
|
optionrating = null;
|
optionrating = {
|
title : {
|
text: '会员类型',
|
subtext: '',
|
x:'center'
|
},
|
tooltip : {
|
trigger: 'item',
|
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
},
|
legend: {
|
orient: 'vertical',
|
left: 'left',
|
top:'20%',
|
data: [{yun:}foreach name=foo from=$counttj.rating item=ratinglist{/yun}{yun:}if $smarty.foreach.foo.index>0{/yun},{yun:}/if{/yun}'{yun:}$ratinglist.name{/yun}'{yun:}/foreach{/yun}]
|
},
|
series : [
|
{
|
name: '占比分析',
|
type: 'pie',
|
radius : '55%',
|
center: ['60%', '60%'],
|
data:[
|
{yun:}foreach name=foo from=$counttj.rating item=ratinglist{/yun}
|
|
{yun:}if $smarty.foreach.foo.index>0{/yun},{yun:}/if{/yun}
|
{value:'{yun:}$ratinglist.count{/yun}', name:'{yun:}$ratinglist.name{/yun}'}
|
|
|
|
{yun:}/foreach{/yun}
|
],
|
itemStyle: {
|
emphasis: {
|
shadowBlur: 10,
|
shadowOffsetX: 0,
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
}
|
}
|
}
|
]
|
};
|
myChartRating.setOption(optionrating); // 为echarts对象加载数据
|
|
|
var myChartIs = echarts.init(document.getElementById('istj'));
|
optionis = null;
|
optionis = {
|
title : {
|
text: '企业资料完善比例',
|
subtext: '',
|
x:'center'
|
},
|
tooltip : {
|
trigger: 'item',
|
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
},
|
legend: {
|
orient: 'vertical',
|
left: 'left',
|
top:'20%',
|
data: [{yun:}foreach name=foo from=$counttj.is item=islist{/yun}{yun:}if $smarty.foreach.foo.index>0{/yun},{yun:}/if{/yun}'{yun:}$islist.name{/yun}'{yun:}/foreach{/yun}]
|
},
|
series : [
|
{
|
name: '占比分析',
|
type: 'pie',
|
radius : '55%',
|
center: ['60%', '60%'],
|
data:[
|
{yun:}foreach name=foo from=$counttj.is item=islist{/yun}
|
|
{yun:}if $smarty.foreach.foo.index>0{/yun},{yun:}/if{/yun}
|
{value:'{yun:}$islist.count{/yun}', name:'{yun:}$islist.name{/yun}'}
|
|
|
|
{yun:}/foreach{/yun}
|
],
|
itemStyle: {
|
emphasis: {
|
shadowBlur: 10,
|
shadowOffsetX: 0,
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
}
|
}
|
}
|
]
|
};
|
myChartIs.setOption(optionis); // 为echarts对象加载数据
|
</script>
|
</body>
|
</html>
|