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

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