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

$(document).ready(function () {
    //辅助决策 新冠疫苗接种情况 默认数据 - 每类疫苗接种情况
    var temp = new Object();
    var jzqk = new Object();
    temp.meiLeiYiMiaoJieZhongQingKuang = jzqk;
    jzqk.rkNumber = 0;
    jzqk.ymOneNum = 0;
    jzqk.ymTwoNum = 0;
    jzqk.ymThreeNum = 0;
    meiLeiYiMiaoJieZhongQingKuang(temp);
    var obj = new Object();
    $.ajax({
        url : prefix + "/queryXinGuanMeiLeiYiMiaoJieZhongQingKuang",
        method : 'post',
        data : obj,
        success : function (e) {
            if(e.code == 0){
                e.meiLeiYiMiaoJieZhongQingKuang = $.parseJSON(e.meiLeiYiMiaoJieZhongQingKuang);
                meiLeiYiMiaoJieZhongQingKuang(e);
            }
        }
    });
});

function meiLeiYiMiaoJieZhongQingKuang(e){//每类疫苗接种情况
    var mlymjzqk = e.meiLeiYiMiaoJieZhongQingKuang;

    var rkNumber = mlymjzqk.rkNumber;
    var ymNames = ["第一针", "第二针", "第三针"];
    var ymNums = [mlymjzqk.ymOneNum, mlymjzqk.ymTwoNum, mlymjzqk.ymThreeNum];

    var container = document.getElementById("mlymjzqk");
    container.innerHTML = "";
    for (var i = 0; i < 3; i++) {
        var box = $("<div class=\"col-sm-4 padding-y-5 flex-c h-30 text-center\"></div>");
        $(container).append(box);
        var content = $("<div class=\"bg-blue\"></div>");
        box.append(content);
        content.append("<div class=\"chart-title-s\">"+ymNames[i]+"</div>");
        var chart = $("<div class=\"chart-container-s\"></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\">"+ymNums[i]+"</div>");
        content.append("<div class=\"chart-text c-white\">实际接种人数</div>");

        var myChart = echarts.init(chart[0]);
        (function (i){
            myChart.on("click", function (e) {
                openDialog_mljzqk(e.dataIndex, i);
            });
        })(i);
        var option;

        option = {
            tooltip: {
                trigger: 'item',
                // position: ['50%', '50%']
                position:'inside'
            },
            series: [
                {
                    name: '',
                    type: 'pie',
                    radius: '70%',
                    selectedOffset:0,     //选中块的偏移量
                    // label: {
                    //     show: true,
                    //     position: 'center',
                    //     textStyle:{
                    //         color:'#fff'
                    //     },
                    //     formatter: '{d}%'
                    // },
                    // emphasis: {
                    //     label: {
                    //         show: true,
                    //         fontSize: '15',
                    //         fontWeight: 'bold',
                    //         color:'83bff6'
                    //     }
                    // },
                    labelLine: {
                        show: false
                    },
                    data: [
                        {
                            value: ymNums[i],
                            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: '15',
                                    position: 'center',
                                    textStyle:{
                                        color:'#fff',
                                        fontWeight: 'bold',
                                    },
                                    formatter: '{d}%'
                                }
                            }},
                        {
                            value: (rkNumber - ymNums[i]),
                            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_mljzqk(index, i) {//弹出对话框
    console.log(index+"=index")
    console.log(i+"=i")
    var url = prefix + "/xgym/mljzqk/" + index+","+i;
    var title
    switch (i){
        case 0:
            title = '每类疫苗接种情况 - 第一针';
            break;
        case 1:
            title = '每类疫苗接种情况 - 第二针';
            break;
        case 2:
            title = '每类疫苗接种情况 - 第三针';
            break;
    }
    $.modal.openDetailFull(title, url, 1200);
}