$(document).ready(function () { //辅助决策 人口统计 默认数据 - 各街道人口数量总数 var isLoading = true; var temp = new Object(); var array = new Array(); temp.canJi = array; array.push({ "jdId" : 170387468639, "jdName" : "锦程街道办事处", "rkNumber" : 0, "btNumber" : 0, "cjNumber" : 0, "jiNumber" : 0, "yueNumber" : 0, "zhouNumber" : 0 }); array.push({ "jdId" : 172291278969, "jdName" : "东风街道办事处", "rkNumber" : 0, "btNumber" : 0, "cjNumber" : 0, "jiNumber" : 0, "yueNumber" : 0, "zhouNumber" : 0 }); array.push({ "jdId" : 288313983755, "jdName" : "富民街道办事处", "rkNumber" : 0, "btNumber" : 0, "cjNumber" : 0, "jiNumber" : 0, "yueNumber" : 0, "zhouNumber" : 0 }); array.push({ "jdId" : 288313983756, "jdName" : "前程街道办事处", "rkNumber" : 0, "btNumber" : 0, "cjNumber" : 0, "jiNumber" : 0, "yueNumber" : 0, "zhouNumber" : 0 }); canJi(temp, isLoading); var obj = new Object(); $.ajax({ url : prefix + "/queryRenKouCanJi", method : 'post', data : obj, success : function (e) { if(e.code == 0){ e.canJi = $.parseJSON(e.canJi); isLoading = false; canJi(e, isLoading); } } }); }); var canJi_jdIds; function canJi(e, isLoading){ var canJi = e.canJi; var cjNumber = 0; var btNumber = 0; var zhouNumber = 0; var yueNumber = 0; var jiNumber = 0; var colors = ['#00ccff', '#00ff99', '#ff6600', '#33cc99']; var series = new Array(); canJi_jdIds = new Array(); for (var i = 0; i < canJi.length; i++) { cjNumber += canJi[i].cjNumber; btNumber += canJi[i].btNumber; zhouNumber += canJi[i].zhouNumber; yueNumber += canJi[i].yueNumber; jiNumber += canJi[i].jiNumber; canJi_jdIds.push(canJi[i].jdId); series.push({value: [canJi[i].cjNumber, canJi[i].btNumber, canJi[i].zhouNumber, canJi[i].yueNumber, canJi[i].jiNumber], name: canJi[i].jdName , lineStyle:{ color: colors[i] } }); } var cjNumberMax = canJi[0].cjNumber; var btNumberMax = canJi[0].btNumber; var zhouNumberMax = canJi[0].zhouNumber; var yueNumberMax = canJi[0].yueNumber; var jiNumberMax = canJi[0].jiNumber; for (var i = 0; i < canJi.length -1; i++) { cjNumberMax = cjNumberMax < canJi[i+1].cjNumber ? canJi[i+1].cjNumber : cjNumberMax btNumberMax = btNumberMax < canJi[i+1].btNumber ? canJi[i+1].btNumber : btNumberMax zhouNumberMax = zhouNumberMax < canJi[i+1].zhouNumber ? canJi[i+1].zhouNumber : zhouNumberMax yueNumberMax = yueNumberMax < canJi[i+1].yueNumber ? canJi[i+1].yueNumber : yueNumberMax jiNumberMax = jiNumberMax < canJi[i+1].jiNumber ? canJi[i+1].jiNumber : jiNumberMax } var total = cjNumber + btNumber + zhouNumber + yueNumber + jiNumber; var chartDom = document.getElementById('echarts_cjrk'); var myChart = echarts.init(chartDom); if(!isLoading){ myChart.on("click", function (e) { openDialog_canJi(e.dataIndex); }); } var option; option = { tooltip: { show:'true', showContent:true, //是否显示提示框浮层 trigger: 'item', axisPointer: { type: 'shadow' } }, title: { //text: '残疾人统计' text: '' }, legend: { left: 'center', data: [ 'A Software', 'A Phone', 'Another Phone', 'Precipitation', 'Evaporation' ] }, legend: { top: '20%', // 图例距离顶部边距 left: '50%', //data: ['Allocated Budget', 'Actual Spending'] data: ['', ''] }, radar: { // shape: 'circle', center: ['60%', '60%'], splitArea: { areaStyle: { color: ['#77EADF', '#26C3BE', '#64AFE9', '#428BD4'], shadowColor: 'rgba(0, 0, 0, 0.2)', shadowBlur: 10 } }, indicator: [ { name: '残疾人数统计', max: cjNumberMax*1.1 }, { name: '补贴情况统计', max: btNumberMax*1.1 }, { name: '巡防频次(周)', max: zhouNumberMax*1.1 }, { name: '巡防频次(月)', max: yueNumberMax*1.1 }, { name: '巡防频次(季)', max: jiNumberMax*1.1 }, ], name: { textStyle: { //全局字体样式 color: '#23cefd' }, }, }, series: [ { name: 'Budget vs spending', type: 'radar', data: series, itemStyle: { // 单个拐点标志的样式设置。 normal: { borderColor: '#ffff00', // 拐点的描边颜色。[ default: '#000' ] borderWidth: 3, // 拐点的描边宽度,默认不描边。[ default: 0 ] } }, } ] }; option && myChart.setOption(option); } function openDialog_canJi(index) {//弹出对话框 var jdId = canJi_jdIds[index]; var url = prefix + "/rktj/cjrqktj/" + jdId; $.modal.openDetailFull("残疾人情况统计", url, 1200); } function canJi_abandon(e){ var canJi = e.canJi; var keys_temp = ['残疾人数统计', '补贴情况统计', '巡防频次(周)', '巡防频次(月)', '巡防频次(季)'];//享受重度残疾人补贴情况统计 var keys = new Array(); for (var i = keys_temp.length-1; i >= 0 ; i--) { keys.push(keys_temp[i]); } var values = new Array(); var cjNumber = 0; var btNumber = 0; var zhouNumber = 0; var yueNumber = 0; var jiNumber = 0; for (var i = 0; i < canJi.length; i++) { cjNumber += canJi[i].cjNumber; btNumber += canJi[i].btNumber; zhouNumber += canJi[i].zhouNumber; yueNumber += canJi[i].yueNumber; jiNumber += canJi[i].jiNumber; } values.push(jiNumber); values.push(yueNumber); values.push(zhouNumber); values.push(btNumber); values.push(cjNumber); var chartDom = document.getElementById('echarts_cjrk'); var myChart = echarts.init(chartDom); var option; option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, xAxis: { axisLine: { show: false }, axisLabel: { show: false }, splitLine: { show: false }, }, yAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#00cdef' } }, axisTick: { show: false }, }, series: [{ type: 'bar', barWidth: 18, itemStyle: { //上方显示数值 normal: { label: { show: true, //开启显示 position: 'insideLeft', //在上方显示 textStyle: { //数值样式 color: 'white', fontSize: 11 } } } }, data: values }] }; option && myChart.setOption(option); }