$(document).ready(function () { //辅助决策 人口统计 默认数据 - 现/退役军人情况统计 var isLoading = true; var temp = new Object(); var array = new Array(); temp.junRen = array; array.push({ "jdId" : 170387468639, "jdName" : "锦程街道办事处", "rkNumber" : 0, "gjNumber" : 0, "jcNumber" : 0, "jrNumber" : 0, "lcNumber" : 0, "ncjNumber" : 0, "rkNumber" : 0, "tyNumber" : 0, "wjjNumber" : 0, "xyNumber" : 0 }); array.push({ "jdId" : 172291278969, "jdName" : "东风街道办事处", "rkNumber" : 0, "gjNumber" : 0, "jcNumber" : 0, "jrNumber" : 0, "lcNumber" : 0, "ncjNumber" : 0, "rkNumber" : 0, "tyNumber" : 0, "wjjNumber" : 0, "xyNumber" : 0 }); array.push({ "jdId" : 288313983755, "jdName" : "富民街道办事处", "rkNumber" : 0, "gjNumber" : 0, "jcNumber" : 0, "jrNumber" : 0, "lcNumber" : 0, "ncjNumber" : 0, "rkNumber" : 0, "tyNumber" : 0, "wjjNumber" : 0, "xyNumber" : 0 }); array.push({ "jdId" : 288313983756, "jdName" : "前程街道办事处", "rkNumber" : 0, "gjNumber" : 0, "jcNumber" : 0, "jrNumber" : 0, "lcNumber" : 0, "ncjNumber" : 0, "rkNumber" : 0, "tyNumber" : 0, "wjjNumber" : 0, "xyNumber" : 0 }); junRenTuiYi(temp ,isLoading); junRenYouFu(temp ,isLoading); var obj = new Object(); $.ajax({ url : prefix + "/queryRenKouJunRen", method : 'post', data : obj, success : function (e) { if(e.code == 0){ e.junRen = $.parseJSON(e.junRen); isLoading = false; junRenTuiYi(e ,isLoading); junRenYouFu(e ,isLoading); } } }); }); var colors0 = ['#cc9933', '#00cc99', '#3043f2', '#3414d9']; var colors1 = ['#ffcc00', '#00ffcc', '#3070f2', '#5519ff']; function junRenTuiYi(e, isLoading){ var junRen = e.junRen; var xyNumber = 0; var tyNumber = 0; for (var i = 0; i < junRen.length; i++) { xyNumber += junRen[i].xyNumber; tyNumber += junRen[i].tyNumber; } var chartDom = document.getElementById('echarts_jrxx_pie'); var myChart = echarts.init(chartDom); if(!isLoading){ myChart.on("click", function (e) { openDialog_JunRen_State(e.dataIndex); }); } var option; option = { tooltip: { trigger: 'item', }, series: [ { name: '军人信息统计', type: 'pie', radius: ['40%', '70%'], avoidLabelOverlap: false, label: { show: false, position: 'center' }, emphasis: { label: { show: true, fontSize: '15', fontWeight: 'bold', color:'83bff6' } }, labelLine: { show: false }, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: '#83bff6' }, { offset: 0.5, color: '#188df0' }, { offset: 1, color: '#188df0' } ]) }, data: [ { value: xyNumber, name: '现役军人', itemStyle: { color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{ offset: 0, color: '#1270d9' }, { offset: 1, color: '#00ffeb' }]), } }, { value: tyNumber, name: '退役军人', itemStyle: { color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{ offset: 0, color: '#ff8404' }, { offset: 1, color: '#ffd904' }]), }} // { value: 27, name: 'Search Engine' }, // { value: 5, name: 'Direct' } ] } ] }; option && myChart.setOption(option); } var junRenYouFu_yfzls; var junRenYouFu_jdIds; var junRenYouFu_jdNames; function junRenYouFu(e, isLoading){ var junRen = e.junRen; var datas = ['伤残军人统计', '伤残国家机关工作人员统计', '伤残人民警察统计', '两参人员统计', '农村籍退役士兵统计', '无军籍人员统计']; var series = new Array(); var jdIds = new Array(); var jdNames = new Array(); var datas_2D = new Array(); junRenYouFu_yfzls = datas; junRenYouFu_jdIds = jdIds; junRenYouFu_jdNames = jdNames; for (var i = 0; i < junRen.length; i++) { jdIds.push(junRen[i].jdId); jdNames.push(junRen[i].jdName.substr(0, 4)); datas_2D.push([junRen[i].jrNumber, junRen[i].gjNumber, junRen[i].jcNumber, junRen[i].lcNumber, junRen[i].ncjNumber, junRen[i].wjjNumber]); } for (var j = 0; j < datas.length; j++) { var data = new Array(); for (var i = 0; i < datas_2D.length; i++) { data.push(datas_2D[i][j]); } series.push({ name: datas[j], type: 'line', stack: 'Total', smooth: true, data: data, areaStyle: { opacity: 0.8, color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: 'rgb(55, 162, 255)' }, { offset: 1, color: 'rgb(116, 21, 219)' } ]) }, }) } var chartDom = document.getElementById('echarts_jrxx_bar'); var myChart = echarts.init(chartDom); if(!isLoading){ myChart.on("click", function (e) { openDialog_JunRen_Yfzl(e.dataIndex, e.componentIndex); }); } var option; option = { tooltip: { trigger: 'axis', }, legend: { //data: ['Email', 'Union Ads'], //data: datas, data: [], textStyle: { color:'#00cdef' } }, grid: { top:'15%', left: '5%', right: '5%', bottom: '5%', containLabel: true }, xAxis: { type: 'category', boundaryGap: false, data: jdNames, axisLabel: { color: '#00cdef' }, axisLine: { show: true, lineStyle: { color: '#00cdef' } }, splitLine: { show: false }, }, yAxis: { type: 'value', axisLabel: { show: true, color: '#00cdef' }, axisLine: { show: true, lineStyle: { color: '#00cdef' } }, splitLine: { show: true, lineStyle:{ color:'#0b3747' } }, }, series: series /*[ { name: 'Email', type: 'line', stack: 'Total', smooth: true, data: [120, 132, 101, 134, 90, 230, 210], areaStyle: { opacity: 0.8, color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: 'rgb(55, 162, 255)' }, { offset: 1, color: 'rgb(116, 21, 219)' } ]) }, }, { name: 'Union Ads', type: 'line', stack: 'Total', smooth: true, data: [220, 182, 191, 234, 290, 330, 310], areaStyle: { opacity: 0.8, color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: 'rgb(128, 255, 165)' }, { offset: 1, color: 'rgb(1, 191, 236)' } ]) }, }, ]*/ }; option && myChart.setOption(option); } function openDialog_JunRen_State(index) {//弹出对话框 console.log(index+"=index") var title = index==0?'现役军人':'退役军人'; var url = prefix + "/rktj/jrstate/" + index; $.modal.openDetailFull(title, url, 1200); } function openDialog_JunRen_Yfzl(index, yfzl_index) {//弹出对话框 var yfzl = junRenYouFu_yfzls[yfzl_index]; var jdId = junRenYouFu_jdIds[index]; var jdName = junRenYouFu_jdNames[index]; //var title = '军人优抚种类统计 - ' + jdName; var title = '军人优抚种类统计'; var url = prefix + "/rktj/jryfzl/" + jdId; $.modal.openDetailFull(title, url, 1200); }