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

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