$(document).ready(function () { //辅助决策 人口统计 默认数据 - 人口年龄构成统计 var isLoading = true; var temp = new Object(); var array = new Array(); temp.nianLing = array; array.push({ "jdId" : 170387468639, "jdName" : "锦程街道办事处", "rkNumber" : 0, "age18_25" : 0, "age25_35" : 0, "age35_45" : 0, "age45_55" : 0, "age55_65" : 0, "age65_" : 0, "age_18" : 0 }); array.push({ "jdId" : 172291278969, "jdName" : "东风街道办事处", "rkNumber" : 0, "age18_25" : 0, "age25_35" : 0, "age35_45" : 0, "age45_55" : 0, "age55_65" : 0, "age65_" : 0, "age_18" : 0 }); array.push({ "jdId" : 288313983755, "jdName" : "富民街道办事处", "rkNumber" : 0, "age18_25" : 0, "age25_35" : 0, "age35_45" : 0, "age45_55" : 0, "age55_65" : 0, "age65_" : 0, "age_18" : 0 }); array.push({ "jdId" : 288313983756, "jdName" : "前程街道办事处", "rkNumber" : 0, "age18_25" : 0, "age25_35" : 0, "age35_45" : 0, "age45_55" : 0, "age55_65" : 0, "age65_" : 0, "age_18" : 0 }); nianLingGouCheng(temp, isLoading); var obj = new Object(); $.ajax({ url : prefix + "/queryRenKouNianLing", method : 'post', data : obj, success : function (e) { if(e.code == 0){ e.nianLing = $.parseJSON(e.nianLing); isLoading = false; nianLingGouCheng(e, isLoading); } } }); }); function nianLingGouCheng(e, isLoading){ var nianLing = e.nianLing; var series = new Array(); var colors0 = ['#cc9933', '#00cc99', '#3043f2', '#3414d9']; var colors1 = ['#ffcc00', '#00ffcc', '#00fff0', '#5519ff']; for (var i = 0; i < nianLing.length; i++) { series.push({ data: [nianLing[i].age_18, nianLing[i].age18_25, nianLing[i].age25_35, nianLing[i].age35_45, nianLing[i].age45_55, nianLing[i].age55_65, nianLing[i].age65_], type: 'bar', name: nianLing[i].jdName, itemStyle: { //上方显示数值 normal: { label: { show: true, //开启显示 position: 'insideLeft', //在上方显示 textStyle: { //数值样式 color: 'white', fontSize: 11 } }, color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{ offset: 0, color: colors0[i] }, { offset: 1, color: colors1[i] }]), } }}); } var chartDom = document.getElementById('echarts_nlgc'); var myChart = echarts.init(chartDom); if(isLoading){ myChart.on("click", function (e) { openDialog_nianLing(e.dataIndex); }); } var option; option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, show: true, }, grid: { // borderWidth: 1, top: '10%', left: '8%', right: '5%', bottom: '10%' }, xAxis: { type: 'category', data: ['18周岁及以下', '18至25周岁', '25至35周岁', '35至45周岁', '45至55周岁', '55至65周岁', '65周岁及以上'], axisLabel: { show: true, color: '#00cdef' }, axisLine: { show: true, lineStyle: { color: '#00cdef' } } }, yAxis: { axisLine: { lineStyle: { color: '#00cdef' } }, splitLine: { show: false }, type: 'value' }, series: series // [ // { // data: [nianLing[0].age_18, nianLing[0].age18_25, nianLing[0].age25_35, nianLing[0].age35_45, nianLing[0].age45_55, nianLing[0].age55_65, nianLing[0].age65_], // type: 'bar' // } // ] }; option && myChart.setOption(option); } function openDialog_nianLing(index) {//弹出对话框 console.log(index+"=index") var url = prefix + "/rktj/rknlgctj/" + index; $.modal.openDetailFull("人口年龄构成统计", url, 1200); }