$(document).ready(function () {
    //辅助决策 新冠疫苗接种情况 默认数据 - 疫苗接种数量统计、全过程接种情况统计
    var temp = new Object();
    var array = new Array();
    temp.sanZhenJieZhongTongJi = array;
    array.push({
        "ymName" : "北京科兴",
        "ymType" : 1,
        "jzNumber" : 0
    });
    array.push({
        "ymName" : "长春生物",
        "ymType" : 2,
        "jzNumber" : 0
    });
    array.push({
        "ymName" : "康希诺",
        "ymType" : 3,
        "jzNumber" : 0
    });
    sanZhenJieZhongTongJi(temp);
    var obj = new Object();
    $.ajax({
        url : prefix + "/queryXinGuanSanZhenJieZhongTongJi",
        method : 'post',
        data : obj,
        success : function (e) {
            if(e.code == 0){
                e.sanZhenJieZhongTongJi = $.parseJSON(e.sanZhenJieZhongTongJi);
                sanZhenJieZhongTongJi(e);
            }
        }
    });
});

function sanZhenJieZhongTongJi(e){//三针接种统计
    var sanZhenJieZhongTongJi = e.sanZhenJieZhongTongJi;

    ymNames = [];
    ymTypes = [];
    var ymNums = [];
    var jzNumber = 0;

    for (var i = 0; i < sanZhenJieZhongTongJi.length; i++) {
        jzNumber += sanZhenJieZhongTongJi[i].jzNumber;
        ymNames.push(sanZhenJieZhongTongJi[i].ymName);
        ymTypes.push(sanZhenJieZhongTongJi[i].ymType);
        ymNums.push(sanZhenJieZhongTongJi[i].jzNumber);
    }

    var container = document.getElementById("szjztj");
    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 height-15\"></div>");
        content.append(chart);
        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_szjz(e.dataIndex, i);
            });
        })(i);
        var option;

        option = {
            tooltip: {
                trigger: 'item',
                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: '18',
                                    position: 'center',
                                    textStyle:{
                                        color:'#fff',
                                        fontWeight: 'bold',
                                    },
                                    formatter: '{d}%'
                                }
                            }
                            },
                        {
                            value: (jzNumber - 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_szjz(index, i) {//弹出对话框
    console.log(index+"=index")
    console.log(i+"=i")
    var url = prefix + "/xgym/szjz/" + index+","+ ymTypes[i];
    var title = "三针接种统计 - " + ymNames[i];
    $.modal.openDetailFull(title, url, 1200);
}