zhsq_qk/leiSP-admin/target/classes/static/bigdata/fzjc/js/fzjc_junRen.js

$(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);
}