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

$(document).ready(function () {
    //辅助决策 新冠疫苗接种情况 默认数据 - 加强针接种情况统计
    var isLoading = true;
    var temp = new Object();
    var jqjd = new Object();
    temp.jiaQiangZhenJiDuJieZhongQingKuangZongShuTongJi = jqjd;
    jqjd.rkNumber = 0;
    jqjd.month1 = 0;
    jqjd.month2 = 0;
    jqjd.month3 = 0;
    jqjd.month4 = 0;
    jqjd.month5 = 0;
    jqjd.month6 = 0;
    jqjd.month7 = 0;
    jqjd.month8 = 0;
    jqjd.month9 = 0;
    jqjd.month10 = 0;
    jqjd.month11 = 0;
    jqjd.month12 = 0;
    yiMiaoYueJieZhongQingKuangZongShuTongJi(temp, isLoading);
    var obj = new Object();
    $.ajax({
        url : prefix + "/queryXinGuanJiaQiangZhenJiDuJieZhongQingKuangZongShuTongJi",
        method : 'post',
        data : obj,
        success : function (e) {
            if(e.code == 0){
                isLoading = false;
                e.jiaQiangZhenJiDuJieZhongQingKuangZongShuTongJi = $.parseJSON(e.jiaQiangZhenJiDuJieZhongQingKuangZongShuTongJi);
                yiMiaoYueJieZhongQingKuangZongShuTongJi(e, isLoading);
            }
        }
    });
});

var result;//数据集合
var rkNumber;//人口总数
var jzNumber;//总接种数量
var jiDu_1;//第一季度接种数
var jiDu_2;//第二季度接种数
var jiDu_3;//第三季度接种数
var jiDu_4;//第四季度接种数
var jiDu_max;//季接种最大值
function yiMiaoYueJieZhongQingKuangZongShuTongJi(e, isLoading){//加强针季度接种情况统计
    result = e.jiaQiangZhenJiDuJieZhongQingKuangZongShuTongJi;

    jiDu_1 = result.month1 + result.month2 + result.month3;
    jiDu_2 = result.month4 + result.month5 + result.month6;
    jiDu_3 = result.month7 + result.month8 + result.month9;
    jiDu_4 = result.month10 + result.month11 + result.month12;
    jzNumber = jiDu_1 + jiDu_2 + jiDu_3 + jiDu_4;
    rkNumber = result.rkNumber;
    jiDu_max = Math.max.apply(null, [jiDu_1, jiDu_2, jiDu_3, jiDu_4]);
    bar(isLoading);
    pie(isLoading);
}

function bar(isLoading) {
    max_bar = Math.ceil(jzNumber/5)*5;//接种总数最大刻度
    interval_bar = max_bar/5;//刻度间隔
    max_line = Math.ceil(jiDu_max/5)*5;//季接种数
    interval_line = max_line/5;

    var dom = document.getElementById("jqzjdjzqktj_bar");
    var myChart = echarts.init(dom);
    if(!isLoading){
        myChart.on("click", function (e) {
            openDialog_jqjd(e.dataIndex);
        });
    }
    var option;//柱状图

    option = {
        tooltip: {
            trigger: 'axis',
            position:'inside'
        },
        legend: {
            data: ['接种总数', '季接种数'],
            textStyle: {
                color:'#00cdef'
            }
        },
        grid: {
            top:'20%',
            left: '2%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ['一', '二', '三', '四'],
                axisLabel: {
                    color: '#00cdef'
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#00cdef'
                    }
                },
                splitLine: {
                    show: false
                },
                axisPointer: {
                    type: 'shadow'
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '接种总数',
                min: 0,
                max: max_bar,
                //max: 300,
                interval: interval_bar,
                //interval: 50,
                axisLabel: {
                    formatter: '{value} 针',
                    color: '#00cdef'
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#00cdef'
                    }
                },
                splitLine: {
                    show: false
                }
            },
            {
                type: 'value',
                name: '当季针数',
                min: 0,
                max: max_line,
                //max: 300,
                interval: interval_line,
                //interval: 50,
                axisLabel: {
                    formatter: '{value} 针',
                    color: '#00cdef'
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#00cdef'
                    }
                },
                splitLine: {
                    show: false
                },
            }
        ],
        series: [
            {
                name: '当前接种总数',
                type: 'bar',
                data: [jiDu_1, jiDu_1 + jiDu_2, jiDu_1 + jiDu_2 + jiDu_3, jiDu_1 + jiDu_2 + jiDu_3 + jiDu_4],
                itemStyle:{
                    color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                        offset: 0,
                        color:"#006aff"
                    }, {
                        offset: 1,
                        color:"#00cfe4"
                    }]),

                }
            },
            {
                name: '本季度接种',
                type: 'line',
                yAxisIndex: 1,
                data: [jiDu_1, jiDu_2, jiDu_3, jiDu_4],
                itemStyle:{
                    color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                        offset: 0,
                        color:"#ddbb00"
                    }, {
                        offset: 1,
                        color:"#00dd9c"
                    }]),

                }
            }
        ]
    };

    if (option && typeof option === 'object') {
        myChart.setOption(option);
    }
}

function pie(isLoading) {
    var dom = document.getElementById("jqzjdjzqktj_pie");
    dom.innerHTML = "";
    var box = $("<div class=\"col-sm-3 padding-y-5 flex-c h-30 text-center\" style='width: 100%'></div>");
    $(dom).append(box);
    var content = $("<div class=\"bg-blue\"></div>");
    box.append(content);
    content.append("<div class=\"chart-title-s\">数据项展示</div>");
    var chart = $("<div class=\"chart-container-s height-15\"></div>");
    content.append(chart);
    //content.append("<div class=\"chart-text c-blue\">"+rkNumber+"</div>");
    //content.append("<div class=\"chart-text c-white\">辖区居民总数</div>");
    content.append("<div class=\"chart-text c-blue\">"+jzNumber+"</div>");
    content.append("<div class=\"chart-text c-white\">完成情况</div>");

    var myChart = echarts.init(chart[0]);
    if(!isLoading){
        myChart.on("click", function (e) {
            openDialog_jqwcqk(e.dataIndex);
        });
    }
    var option;//饼状图

    option = {
        tooltip: {
            trigger: 'item',
            position:'inside'
        },
        series: [
            {
                name: '',
                type: 'pie',
                radius: ['60%', '70%'],
                selectedOffset:0,     //选中块的偏移量
                labelLine: {
                    show: false
                },
                data: [
                    {
                        value: jzNumber,
                        name: '已接种数量',
                        itemStyle: {
                            color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                                offset: 0,
                                color: '#1270d9'
                            }, {
                                offset: 1,
                                color: '#00ffeb'
                            }]),
                        },
                        selected:true,     //默认选中第一块
                        label: {
                            normal:{
                                show: true,
                                fontSize: '18',
                                position: 'center',
                                textStyle:{
                                    color:'#fff',
                                    fontWeight: 'bold',
                                },
                                formatter: '{d}%'
                            }
                        }
                        },
                    {
                        value: rkNumber - jzNumber,
                        name: '未接种数量',
                        itemStyle: {
                            color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                                offset: 0,
                                color: '#ff8404'
                            }, {
                                offset: 1,
                                color: '#ffd904'
                            }]),
                        },
                        label:{
                            show:false,     //默认显示第一块
                        }
                    },
                ]
            }
        ]
    };

    option && myChart.setOption(option);
}

function openDialog_jqjd(index) {//弹出对话框
    var season = ["一", "二", "三", "四"];
    var url = prefix + "/xgym/jqjd/" + index;
    var title = '加强针季度接种情况统计 - 第' + season[index] + '季度';
    $.modal.openDetailFull(title, url, 1200);
}

function openDialog_jqwcqk(index) {//弹出对话框
    var url = prefix + "/xgym/jqwcqk/" + index;
    var title = '加强针季度接种情况统计 - ' + (index==0?"已接种":"未接种");
    $.modal.openDetailFull(title, url, 1200);
}