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

$(document).ready(function () {
    //辅助决策 新冠疫苗接种情况 默认数据 - 每类疫苗接种数量统计
    var isLoading = true;
    var temp = new Object();
    var array = new Array();
    temp.meiLeiYiMiaoJieZhongShuLiang = array;
    array.push({
        "jdId" : 170387468639,
        "jdName" : "锦程街道办事处",
        "rkNumber" : 0,
        "ymOneNum" : 0,
        "ymTwoNum" : 0,
        "ymThreeNum" : 0
    });
    array.push({
        "jdId" : 172291278969,
        "jdName" : "东风街道办事处",
        "rkNumber" : 0,
        "ymOneNum" : 0,
        "ymTwoNum" : 0,
        "ymThreeNum" : 0
    });
    array.push({
        "jdId" : 288313983755,
        "jdName" : "富民街道办事处",
        "rkNumber" : 0,
        "ymOneNum" : 0,
        "ymTwoNum" : 0,
        "ymThreeNum" : 0
    });
    array.push({
        "jdId" : 288313983756,
        "jdName" : "前程街道办事处",
        "rkNumber" : 0,
        "ymOneNum" : 0,
        "ymTwoNum" : 0,
        "ymThreeNum" : 0
    });
    meiLeiYiMiaoJieZhongShuLiang(temp, isLoading);
    var obj = new Object();
    $.ajax({
        url : prefix + "/queryXinGuanMeiLeiYiMiaoJieZhongShuLiang",
        method : 'post',
        data : obj,
        success : function (e) {
            if(e.code == 0){
                isLoading = false;
                e.meiLeiYiMiaoJieZhongShuLiang = $.parseJSON(e.meiLeiYiMiaoJieZhongShuLiang);
                meiLeiYiMiaoJieZhongShuLiang(e, isLoading);
            }
        }
    });
});

function meiLeiYiMiaoJieZhongShuLiang(e, isLoading){//每类疫苗接种数量统计
    var mlymjzsl = e.meiLeiYiMiaoJieZhongShuLiang;

    var datas = ["第一针", "第二针", "加强针"];
    jdIds = new Array();
    jdNames = new Array();
    var series = new Array();
    var datas_2D = new Array();
    for (var i = 0; i < mlymjzsl.length; i++) {
        jdIds.push(mlymjzsl[i].jdId);
        jdNames.push(mlymjzsl[i].jdName.substr(0, 4));
        datas_2D.push([mlymjzsl[i].ymOneNum, mlymjzsl[i].ymTwoNum, mlymjzsl[i].ymThreeNum]);
    }
    for (var j = 0; j < datas.length; j++) {
        var data = new Array();
        for (var i = 0; i < datas_2D.length; i++) {
            data.push(datas_2D[i][j]);
        }
        series.push({
            name: datas[j],
            type: 'line',
            stack: 'Total',
            data: data
        })
    }

    var chartDom = document.getElementById('mlymjzsl');
    var myChart = echarts.init(chartDom);
    if(!isLoading){
        myChart.on("click", function (e) {
            openDialog_mljzsl(e.dataIndex, e.componentIndex);
        });
    }
    var option;

    option = {
        title: {
            //text: '每类疫苗接种数量统计'
        },
        tooltip: {
            trigger: 'axis',
            position:'inside'
        },
        legend: {
            data: datas,
            textStyle: {
                color: '#00cdef'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: jdNames,
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#00cdef'
                }
            }
        },
        yAxis: {
            axisLine: {
                lineStyle: {
                    color: '#00cdef'
                }
            },
            type: 'value'
        },
        series: series
    };

    option && myChart.setOption(option);
}

function openDialog_mljzsl(index, componentIndex) {//弹出对话框
    console.log(index+"=index")
    var url = prefix + "/xgym/mljzsl/" + componentIndex + ',' + jdIds[index];
    var title = '每类疫苗接种数量统计 - ' + jdNames[index];
    $.modal.openDetailFull(title, url, 1200);
}