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

$(document).ready(function () {
    //辅助决策 新冠疫苗接种情况 默认数据 - 加强针接种情况统计
    var isLoading = true;
    var temp = new Object();
    var array = new Array();
    for (var year = 2021; year <= 2025; year++) {
        var array1 = new Array();
        array.push(array1);
        array1.push({
            "jdId" : 170387468639,
            "jdName" : "锦程街道办事处",
            "year" : year,
            "month1" : 0,
            "month2" : 0,
            "month3" : 0,
            "month4" : 0,
            "month5" : 0,
            "month6" : 0,
            "month7" : 0,
            "month8" : 0,
            "month9" : 0,
            "month10" : 0,
            "month11" : 0,
            "month12" : 0
        });
        array1.push({
            "jdId" : 172291278969,
            "jdName" : "东风街道办事处",
            "year" : year,
            "month1" : 0,
            "month2" : 0,
            "month3" : 0,
            "month4" : 0,
            "month5" : 0,
            "month6" : 0,
            "month7" : 0,
            "month8" : 0,
            "month9" : 0,
            "month10" : 0,
            "month11" : 0,
            "month12" : 0
        });
        array1.push({
            "jdId" : 288313983755,
            "jdName" : "富民街道办事处",
            "year" : year,
            "month1" : 0,
            "month2" : 0,
            "month3" : 0,
            "month4" : 0,
            "month5" : 0,
            "month6" : 0,
            "month7" : 0,
            "month8" : 0,
            "month9" : 0,
            "month10" : 0,
            "month11" : 0,
            "month12" : 0
        });
        array1.push({
            "jdId" : 288313983756,
            "jdName" : "前程街道办事处",
            "year" : year,
            "month1" : 0,
            "month2" : 0,
            "month3" : 0,
            "month4" : 0,
            "month5" : 0,
            "month6" : 0,
            "month7" : 0,
            "month8" : 0,
            "month9" : 0,
            "month10" : 0,
            "month11" : 0,
            "month12" : 0
        });
    }
    temp.jiaQiangZhenJieZhongQingKuangTongJi = array;
    jiaQiangZhenJieZhongQingKuangTongJi(temp, isLoading);
    var obj = new Object();
    $.ajax({
        url : prefix + "/queryXinGuanJiaQiangZhenJieZhongQingKuangTongJi",
        method : 'post',
        data : obj,
        success : function (e) {
            if(e.code == 0){
                isLoading = false;
                e.jiaQiangZhenJieZhongQingKuangTongJi = $.parseJSON(e.jiaQiangZhenJieZhongQingKuangTongJi);
                jiaQiangZhenJieZhongQingKuangTongJi(e, isLoading);
            }
        }
    });
});

var yearArr = [2021, 2022, 2023, 2024, 2025];
var currentIndex = 1;//默认选择年份
var currentYear = yearArr[currentIndex] ;//默认年份

function jiaQiangZhenJieZhongQingKuangTongJi(e, isLoading){//加强针接种情况统计
    //https://echarts.apache.org/zh/option.html#timeline
    //https://echarts.apache.org/examples/zh/editor.html?c=mix-timeline-finance
    var result = e.jiaQiangZhenJieZhongQingKuangTongJi;

    var jdNames = new Array();
    for (var i = 0; i < result[0].length; i++) {
        jdNames.push(result[0][i].jdName);
    }

    var years = new Array();
    for (var i = 0; i < result.length; i++) {
        years.push(result[i][0].year);
    }

    var jieDao_yearData_2D = [];
    for (var i = 0; i < jdNames.length; i++) {
        var jdYearData = [];
        for (var j = 0; j < years.length; j++) {
            var monthData = [];
            monthData.push(result[j][i].month1);
            monthData.push(result[j][i].month2);
            monthData.push(result[j][i].month3);
            monthData.push(result[j][i].month4);
            monthData.push(result[j][i].month5);
            monthData.push(result[j][i].month6);
            monthData.push(result[j][i].month7);
            monthData.push(result[j][i].month8);
            monthData.push(result[j][i].month9);
            monthData.push(result[j][i].month10);
            monthData.push(result[j][i].month11);
            monthData.push(result[j][i].month12);
            jdYearData.push(monthData);
        }
            jieDao_yearData_2D.push(jdYearData);
    }

    //var data = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'];
    var data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
    //var data = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];

    var dom = document.getElementById("jqzjzqktj");
    var myChart = echarts.init(dom);
    if(!isLoading){
        myChart.on("click", function (e) {
            if(e.componentType=="timeline"){//点击了时间轴
                currentYear = e.name;
            }else {
                var currentMonth = e.dataIndex + 1;
                openDialog_jqjz(currentMonth);
            }
        });
    }
    var option;

    var dataMap = {};
    function dataFormatter(obj) {
        // prettier-ignore
        var pList = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
        var temp;
        for (var year = years[0]; year <= years[years.length - 1]; year++) {
            var max = 0;
            var sum = 0;
            temp = obj[year];
            for (var i = 0, l = temp.length; i < l; i++) {
                max = Math.max(max, temp[i]);
                sum += temp[i];
                obj[year][i] = {
                    name: pList[i],
                    value: temp[i]
                };
            }
            obj[year + 'max'] = Math.floor(max / 100) * 100;
            obj[year + 'sum'] = sum;
        }
        return obj;
    }
// prettier-ignore
    dataMap.dataJd1 = dataFormatter({
        //max : 60000,
        2025: jieDao_yearData_2D[0][years.length-1],
        2024: jieDao_yearData_2D[0][years.length-2],
        2023: jieDao_yearData_2D[0][years.length-3],
        2022: jieDao_yearData_2D[0][years.length-4],
        2021: jieDao_yearData_2D[0][years.length-5],
    });
// prettier-ignore
    dataMap.dataJd2 = dataFormatter({
        //max : 4000,
        2025: jieDao_yearData_2D[1][years.length-1],
        2024: jieDao_yearData_2D[1][years.length-2],
        2023: jieDao_yearData_2D[1][years.length-3],
        2022: jieDao_yearData_2D[1][years.length-4],
        2021: jieDao_yearData_2D[1][years.length-5],
    });
// prettier-ignore
    dataMap.dataJd3 = dataFormatter({
        //max : 26600,
        2025: jieDao_yearData_2D[2][years.length-1],
        2024: jieDao_yearData_2D[2][years.length-2],
        2023: jieDao_yearData_2D[2][years.length-3],
        2022: jieDao_yearData_2D[2][years.length-4],
        2021: jieDao_yearData_2D[2][years.length-5],
    });
// prettier-ignore
    dataMap.dataJd4 = dataFormatter({
        //max : 25000,
        2025: jieDao_yearData_2D[3][years.length-1],
        2024: jieDao_yearData_2D[3][years.length-2],
        2023: jieDao_yearData_2D[3][years.length-3],
        2022: jieDao_yearData_2D[3][years.length-4],
        2021: jieDao_yearData_2D[3][years.length-5],
    });

    var options = new Array();;
    for (var i = 0; i < years.length; i++) {
        options.push({
            title: { text: years[i] + '年加强针接种情况' },
            series: [
                { data: dataMap.dataJd1[years[i]] },
                { data: dataMap.dataJd2[years[i]] },
                { data: dataMap.dataJd3[years[i]] },
                { data: dataMap.dataJd4[years[i]] }
            ]
        });
    }

    option = {
        baseOption: {
            timeline: {
                axisType: 'category',
                lineStyle:{
                    show:true,
                    color:'#00cdef',
                    width:2,
                    padding:0
                },
                left:20,
                right:20,
                checkpointStyle:{
                    color:'#ffff00',
                    borderStyle:'#ff9900',
                },
                controlStyle:{
                    color:'#00cdef',
                    borderColor:'#00cdef',
                },
                // realtime: false,
                // loop: false,
                autoPlay: false,
                currentIndex: currentIndex,
                playInterval: 1000,
                // controlStyle: {
                //     position: 'left'
                // },
                data: [
                    years[0],
                    years[1],
                    years[2],
                    years[3],
                    years[4]
                ],
                emphasis:{
                    controlStyle:{
                        color:'#ff9900',
                        borderColor:'#ff9900',
                    },
                },
                label: {
                    color:'#00cdef',
                    emphasis:{
                        color:'#ff9900'
                    },
                    formatter: function (s) {
                        return new Date(s).getFullYear();
                    }
                }
            },
            title: {
                top:10,
                left:20,
                textStyle:{
                    color: '#00cdef'
                }
                // subtext: '数据来自国家统计局'
            },
            tooltip: {},
            // legend: {
            //
            //     left: 'right',
            //     data: ['第一产业', '第二产业', '第三产业'],
            //     selected: {
            //         GDP: false,
            //         金融: false,
            //         房地产: false
            //     }
            // },
            calculable: true,
            grid: {
                top: 80,
                bottom: 100,
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'shadow',
                        label: {
                            show: true,
                            formatter: function (params) {
                                return params.value.replace('\n', '');
                            }
                        }
                    }
                }
            },
            xAxis: [
                {
                    type: 'category',
                    axisLabel: { interval: 0 },
                    data:data,
                    axisLabel: {
                        color: '#00cdef'
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: '#00cdef'
                        }
                    },
                    splitLine: {
                        show: false
                    },
                },
            ],
            yAxis: [
                {
                    type: 'value',
                    name: '接种针数',
                    axisLabel: {
                        show: true,
                        color: '#00cdef'
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: '#00cdef'
                        }
                    },
                    splitLine: {
                        show: true,
                        lineStyle:{
                            color:'#0b3747'
                        }
                    },
                }
            ],
            series: [
                { name: jdNames[0],
                    type: 'line' ,
                    areaStyle: {
                        opacity: 0.8,
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            {
                                offset: 0,
                                color: 'rgb(148, 99, 66)'
                            },
                            {
                                offset: 1,
                                color: 'rgb(242, 200, 34)'
                            }
                        ])
                    },
                },
                { name: jdNames[1],
                    type: 'line',
                    areaStyle: {
                        opacity: 0.8,
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            {
                                offset: 0,
                                color: 'rgb(35, 219, 74)'
                            },
                            {
                                offset: 1,
                                color: 'rgb(35, 79, 215)'
                            }
                        ])
                    },
                },
                { name: jdNames[2],
                    type: 'line',
                    areaStyle: {
                        opacity: 0.8,
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            {
                                offset: 0,
                                color: 'rgb(55, 162, 255)'
                            },
                            {
                                offset: 1,
                                color: 'rgb(116, 21, 219)'
                            }
                        ])
                    },
                },
                { name: jdNames[3],
                    type: 'line',
                    areaStyle: {
                        opacity: 0.8,
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            {
                                offset: 0,
                                color: 'rgb(128, 255, 165)'
                            },
                            {
                                offset: 1,
                                color: 'rgb(1, 191, 236)'
                            }
                        ])
                    },
                },
            ]
        },
        options: options
    };

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

function openDialog_jqjz(currentMonth) {//弹出对话框
    var url = prefix + "/xgym/jqjz/" + currentYear + "," + currentMonth;
    var title = currentYear + '年加强针接种情况统计';
    $.modal.openDetailFull(title, url, 1200);
}