$(function () {
    // 标题增加年份
    $('#title_text').prepend(config_now_year)
    echarts_1(config_now_year);
    echarts_11(config_now_year);
    echarts_2(config_now_year);
    echarts_22(config_now_year);
    echarts_4(config_now_year);
    echarts_44(config_now_year);
    echarts_5(config_now_year);
    echarts_55(config_now_year);
    echarts_6(config_now_year);
    echarts_7(config_now_year);




    // 渲染年份列表 在nav.js中获取select_year
    $('#select-year').append(select_year)
    $('.select').on('click', '.placeholder', function (e) {
        var parent = $(this).closest('.select');
        if (!parent.hasClass('is-open')) {
            parent.addClass('is-open');
            $('.select.is-open').not(parent).removeClass('is-open');
        } else {
            parent.removeClass('is-open');
        }
        e.stopPropagation();
    }).on('click', 'ul>li', function () {
        var parent = $(this).closest('.select');
        parent.removeClass('is-open').find('.placeholder').text($(this).text());
        let on_year = $(this).text();
        $(window).attr('location', "runningConditions.html?year=" + $(this).text());
        echarts_1(on_year);
        echarts_11(on_year);
        echarts_2(on_year);
        echarts_22(on_year);
        echarts_4(on_year);
        echarts_44(on_year);
        echarts_5(on_year);
        echarts_55(on_year);
        echarts_6(on_year);
        echarts_7(on_year);

    });





    function echarts_1(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A022",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "total", "studentno"
            ],
            "query_format": "echarts",
            "query_group": [
                "citycountrygroup", "stage"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);

            var smallArea = 0;
            var smallPerson = 0;
            var middleArea = 0;
            var middlePerson = 0;
            var heightArea = 0;
            var heightPerson = 0;
            newData.datas[0].map((item, index) => {
                smallArea = smallArea + Number(item);
            });
            newData.datas2[0].map((item, index) => {
                smallPerson = smallPerson + Number(item);
            });
            newData.datas[1].map((item, index) => {
                middleArea = middleArea + Number(item);
            });
            newData.datas2[1].map((item, index) => {
                middlePerson = middlePerson + Number(item);
            });
            newData.datas[2].map((item, index) => {
                heightArea = heightArea + Number(item);
            });
            newData.datas2[2].map((item, index) => {
                heightPerson = heightPerson + Number(item);
            });

            var cityTotal = [(smallArea / smallPerson).toFixed(2), (middleArea / middlePerson).toFixed(2), (heightArea / heightPerson).toFixed(2)];
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart1'));  // 各阶段学校数量
            option = {
                title: [{
                    text: '生均校舍建筑面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                    }
                },
                legend: {
                    data: ['市区', '全国'],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [
                    {
                        type: 'category',
                        data: newData.groups[0],
                        axisPointer: {
                            type: 'shadow'
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "rgba(255,255,255,.1)",
                                width: 1,
                                type: "solid"
                            },
                        },

                        axisTick: {
                            show: false,
                        },
                        axisLabel: {
                            interval: 0,
                            // rotate:50,
                            show: true,
                            splitNumber: 15,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                    }
                ],
                yAxis: [

                    {
                        type: 'value',
                        axisLabel: {
                            //formatter: '{value} %'
                            show: true,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "rgba(255,255,255,.1	)",
                                width: 1,
                                type: "solid"
                            },
                        },
                        splitLine: {
                            lineStyle: {
                                color: "rgba(255,255,255,.4)",
                                type: 'dashed',
                                width: .5,
                            }
                        },

                    },
                    {
                        type: 'value',
                        axisLabel: {
                            //formatter: '{value} %'
                            show: true,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            show: false,
                        },
                        splitLine: {
                            lineStyle: {
                                color: "rgba(255,255,255,.1)",
                                type: 'dashed'
                            }
                        }
                        // name: '温度',
                        // min: 0,
                        // max: 25,
                        // interval: 5,
                        // axisLabel: {
                        //     formatter: '{value} °C'
                        // }
                    }
                ],
                series: [
                    {
                        name: '市区',
                        type: 'bar',
                        data: cityTotal,
                        barWidth: '35%', //柱子宽度
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#FF88A8',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: '全国',
                        type: 'line',
                        yAxisIndex: 1,
                        data: [0, 0, 0],
                        itemStyle: {
                            normal: {
                                color: '#2CD1C0',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }
                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }
    function echarts_11(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A022",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "total", "studentno"
            ],
            "query_format": "echarts",
            "query_group": [
                "stage", "citycountrygroup"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);
            var cityNum = [];// 城区
            var townNum = [];// 镇区
            var ruralNum = [];// 乡村
            newData.datas[0].map((item, index) => {
                cityNum.push(((item / newData.datas2[0][index])).toFixed(2));
            })
            newData.datas[1].map((item, index) => {
                townNum.push((item / newData.datas2[1][index]).toFixed(2));
            })
            newData.datas[2].map((item, index) => {
                ruralNum.push((item / newData.datas2[2][index]).toFixed(2));
            })
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart11'));  // 各阶段学校数量

            option = {
                //  backgroundColor: '#00265f',
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'shadow'
                    }
                },
                title: [{
                    text: '城乡生均校舍建筑面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                grid: {
                    left: '0%',
                    top: '8%',
                    right: '0%',
                    bottom: '4%',
                    containLabel: true
                },
                legend: {
                    data: newData.groups[1],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [{
                    type: 'category',
                    data: newData.groups[0],
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            width: 1,
                            type: "solid"
                        },
                    },

                    axisTick: {
                        show: false,
                    },
                    axisLabel: {
                        interval: 0,
                        // rotate:50,
                        show: true,
                        splitNumber: 15,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                }],
                yAxis: [{
                    type: 'value',
                    axisLabel: {
                        //formatter: '{value} %'
                        show: true,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1	)",
                            width: 1,
                            type: "solid"
                        },
                    },
                    splitLine: {
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            type: 'dashed'
                        }
                    }
                }],
                series: [
                    {
                        name: '城区',
                        type: 'bar',
                        data: cityNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#168EFE',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: '镇区',
                        type: 'bar',
                        data: townNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#FFDB65',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: '乡村',
                        type: 'bar',
                        data: ruralNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#2CD1C0',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }

                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json');
    }
    function echarts_2(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A021",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "total", "studentno"
            ],
            "query_format": "echarts",
            "query_group": [
                "citycountrygroup", "stage"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);

            var smallArea = 0;
            var smallPerson = 0;
            var middleArea = 0;
            var middlePerson = 0;
            var heightArea = 0;
            var heightPerson = 0;
            newData.datas[0].map((item, index) => {
                smallArea = smallArea + Number(item);
            });
            newData.datas2[0].map((item, index) => {
                smallPerson = smallPerson + Number(item);
            });
            newData.datas[1].map((item, index) => {
                middleArea = middleArea + Number(item);
            });
            newData.datas2[1].map((item, index) => {
                middlePerson = middlePerson + Number(item);
            });
            newData.datas[2].map((item, index) => {
                heightArea = heightArea + Number(item);
            });
            newData.datas2[2].map((item, index) => {
                heightPerson = heightPerson + Number(item);
            });

            var cityTotal = [(smallArea / smallPerson).toFixed(2), (middleArea / middlePerson).toFixed(2), (heightArea / heightPerson).toFixed(2)];
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart2'));  // 学校规模情况

            option = {
                title: [{
                    text: '生均占地面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: 'red'
                        }
                    }
                },
                legend: {
                    data: ['市区', '全国'],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [
                    {
                        type: 'category',
                        data: newData.groups[1],
                        axisPointer: {
                            type: 'shadow'
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "rgba(255,255,255,.1)",
                                width: 1,
                                type: "solid"
                            },
                        },

                        axisTick: {
                            show: false,
                        },
                        axisLabel: {
                            interval: 0,
                            // rotate:50,
                            show: true,
                            splitNumber: 15,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                    }
                ],
                yAxis: [

                    {
                        type: 'value',
                        axisLabel: {
                            //formatter: '{value} %'
                            show: true,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "rgba(255,255,255,.1	)",
                                width: 1,
                                type: "solid"
                            },
                        },
                        splitLine: {
                            lineStyle: {
                                color: "rgba(255,255,255,.4)",
                                type: 'dashed'
                            }
                        },

                    },
                    {
                        type: 'value',
                        axisLabel: {
                            //formatter: '{value} %'
                            show: true,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            show: false,
                        },
                        splitLine: {
                            lineStyle: {
                                color: "rgba(255,255,255,.1)",
                                type: 'dashed'
                            }
                        }

                        // name: '温度',
                        // min: 0,
                        // max: 25,
                        // interval: 5,
                        // axisLabel: {
                        //     formatter: '{value} °C'
                        // }
                    }
                ],
                series: [
                    {
                        name: '市区',
                        type: 'bar',
                        data: cityTotal,
                        barWidth: '35%', //柱子宽度
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#8882F7',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: '全国',
                        type: 'line',
                        yAxisIndex: 1,
                        data: [0, 0, 0],
                        itemStyle: {
                            normal: {
                                color: '#2CD1C0',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }
                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }
    function echarts_22(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A021",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "total", "studentno"
            ],
            "query_format": "echarts",
            "query_group": [
                "stage", "citycountrygroup"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);
            var cityNum = [];// 城区
            var townNum = [];// 镇区
            var ruralNum = [];// 乡村
            newData.datas[0].map((item, index) => {
                cityNum.push(((item / newData.datas2[0][index])).toFixed(2));
            })
            newData.datas[1].map((item, index) => {
                townNum.push((item / newData.datas2[1][index]).toFixed(2));
            })
            newData.datas[2].map((item, index) => {
                ruralNum.push((item / newData.datas2[2][index]).toFixed(2));
            })
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart22'));  // 学校规模情况

            option = {
                //  backgroundColor: '#00265f',
                title: [{
                    text: '城乡生均占地面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'shadow'
                    }
                },
                grid: {
                    left: '0%',
                    top: '14%',
                    right: '0%',
                    bottom: '4%',
                    containLabel: true
                },
                legend: {
                    data: newData.groups[1],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [{
                    type: 'category',
                    data: newData.groups[0],
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            width: 1,
                            type: "solid"
                        },
                    },

                    axisTick: {
                        show: false,
                    },
                    axisLabel: {
                        interval: 0,
                        // rotate:50,
                        show: true,
                        splitNumber: 15,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                }],
                yAxis: [{
                    type: 'value',
                    axisLabel: {
                        //formatter: '{value} %'
                        show: true,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1	)",
                            width: 1,
                            type: "solid"
                        },
                    },
                    splitLine: {
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            type: 'dashed'
                        }
                    }
                }],
                series: [
                    {
                        name: newData.groups[1][0],
                        type: 'bar',
                        data: cityNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#168EFE',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: newData.groups[1][1],
                        type: 'bar',
                        data: townNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#FFDB65',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: newData.groups[1][2],
                        type: 'bar',
                        data: ruralNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#2CD1C0',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }

                ]
            };
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json');
    }
    function echarts_4(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A020",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "total", "studentno"
            ],
            "query_format": "echarts",
            "query_group": [
                "citycountrygroup", "stage"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);

            var smallArea = 0;
            var smallPerson = 0;
            var middleArea = 0;
            var middlePerson = 0;
            var heightArea = 0;
            var heightPerson = 0;
            newData.datas[0].map((item, index) => {
                smallArea = smallArea + Number(item);
            });
            newData.datas2[0].map((item, index) => {
                smallPerson = smallPerson + Number(item);
            });
            newData.datas[1].map((item, index) => {
                middleArea = middleArea + Number(item);
            });
            newData.datas2[1].map((item, index) => {
                middlePerson = middlePerson + Number(item);
            });
            newData.datas[2].map((item, index) => {
                heightArea = heightArea + Number(item);
            });
            newData.datas2[2].map((item, index) => {
                heightPerson = heightPerson + Number(item);
            });

            var cityTotal = [(smallArea / smallPerson).toFixed(2), (middleArea / middlePerson).toFixed(2), (heightArea / heightPerson).toFixed(2)];
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart4'));  // 寄宿生情况
            option = {
                title: [{
                    text: '生均运动场面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: 'red'
                        }
                    }
                },
                legend: {
                    data: ['市区', '全国'],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [
                    {
                        type: 'category',
                        data: newData.groups[0],
                        axisPointer: {
                            type: 'shadow'
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "rgba(255,255,255,.1)",
                                width: 1,
                                type: "solid"
                            },
                        },

                        axisTick: {
                            show: false,
                        },
                        axisLabel: {
                            interval: 0,
                            // rotate:50,
                            show: true,
                            splitNumber: 15,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                    }
                ],
                yAxis: [

                    {
                        type: 'value',
                        axisLabel: {
                            //formatter: '{value} %'
                            show: true,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "rgba(255,255,255,.1	)",
                                width: 1,
                                type: "solid"
                            },
                        },
                        splitLine: {
                            lineStyle: {
                                color: "rgba(255,255,255,.4)",
                                type: 'dashed'

                            }
                        },

                    },
                    {
                        type: 'value',
                        axisLabel: {
                            //formatter: '{value} %'
                            show: true,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            show: false,
                        },
                        splitLine: {
                            lineStyle: {
                                color: "rgba(255,255,255,.1)",
                                type: 'dashed'
                            }
                        }

                        // name: '温度',
                        // min: 0,
                        // max: 25,
                        // interval: 5,
                        // axisLabel: {
                        //     formatter: '{value} °C'
                        // }
                    }
                ],
                series: [
                    {
                        name: '市区',
                        type: 'bar',
                        data: cityTotal,
                        barWidth: '35%', //柱子宽度
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#FFA06C',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: '全国',
                        type: 'line',
                        yAxisIndex: 1,
                        data: [0, 0, 0],
                        itemStyle: {
                            normal: {
                                color: '#2CD1C0',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }
                ]
            };
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }
    function echarts_44(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A020",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "total", "studentno"
            ],
            "query_format": "echarts",
            "query_group": [
                "stage", "citycountrygroup"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);
            var cityNum = [];// 城区
            var townNum = [];// 镇区
            var ruralNum = [];// 乡村
            newData.datas[1].map((item, index) => {
                cityNum.push(((item / newData.datas2[1][index])).toFixed(2));
            })
            newData.datas[2].map((item, index) => {
                townNum.push((item / newData.datas2[2][index]).toFixed(2));
            })
            newData.datas[0].map((item, index) => {
                ruralNum.push((item / newData.datas2[0][index]).toFixed(2));
            })
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart44'));  // 
            option = {
                //  backgroundColor: '#00265f',
                title: [{
                    text: '城乡生均运动场面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'shadow'
                    }
                },
                grid: {
                    left: '0%',
                    top: '14%',
                    right: '0%',
                    bottom: '4%',
                    containLabel: true
                },
                legend: {
                    data: newData.groups[1],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [{
                    type: 'category',
                    data: newData.groups[0],
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            width: 1,
                            type: "solid"
                        },
                    },

                    axisTick: {
                        show: false,
                    },
                    axisLabel: {
                        interval: 0,
                        // rotate:50,
                        show: true,
                        splitNumber: 15,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                }],
                yAxis: [{
                    type: 'value',
                    axisLabel: {
                        //formatter: '{value} %'
                        show: true,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1	)",
                            width: 1,
                            type: "solid"
                        },
                    },
                    splitLine: {
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            type: 'dashed'
                        }
                    }
                }],
                series: [
                    {
                        name: newData.groups[1][0],
                        type: 'bar',
                        data: cityNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#168EFE',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: newData.groups[1][1],
                        type: 'bar',
                        data: townNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#FFDB65',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: newData.groups[1][2],
                        type: 'bar',
                        data: ruralNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#2CD1C0',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }

                ]
            };
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json');
    }
    function echarts_5(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A019",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "total", "studentno"
            ],
            "query_format": "echarts",
            "query_group": [
                "stage", "citycountrygroup"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);

            var smallArea = 0;
            var smallPerson = 0;
            var middleArea = 0;
            var middlePerson = 0;
            var heightArea = 0;
            var heightPerson = 0;
            newData.datas[0].map((item, index) => {
                smallArea = smallArea + Number(item);
            });
            newData.datas2[0].map((item, index) => {
                smallPerson = smallPerson + Number(item);
            });
            newData.datas[1].map((item, index) => {
                middleArea = middleArea + Number(item);
            });
            newData.datas2[1].map((item, index) => {
                middlePerson = middlePerson + Number(item);
            });
            newData.datas[2].map((item, index) => {
                heightArea = heightArea + Number(item);
            });
            newData.datas2[2].map((item, index) => {
                heightPerson = heightPerson + Number(item);
            });

            var cityTotal = [(smallArea / smallPerson).toFixed(2), (middleArea / middlePerson).toFixed(2), (heightArea / heightPerson).toFixed(2)];
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart5'));  // 情况

            option = {
                title: [{
                    text: '生均教辅面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                grid: {
                    left: '0%',
                    top: '14%',
                    right: '0%',
                    bottom: '2%',
                    containLabel: true
                },
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                    }
                },
                legend: {
                    data: ['市区', '全国'],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [
                    {
                        type: 'category',
                        data: newData.groups[0],
                        axisPointer: {
                            type: 'shadow'
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "rgba(255,255,255,.1)",
                                width: 1,
                                type: "solid"
                            },
                        },

                        axisTick: {
                            show: false,
                        },
                        axisLabel: {
                            interval: 0,
                            // rotate:50,
                            show: true,
                            splitNumber: 15,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                    }
                ],
                yAxis: [

                    {
                        type: 'value',
                        axisLabel: {
                            //formatter: '{value} %'
                            show: true,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: "rgba(255,255,255,.1	)",
                                width: 1,
                                type: "solid"
                            },
                        },
                        splitLine: {
                            lineStyle: {
                                color: "rgba(255,255,255,.4)",
                                type: 'dashed'

                            }
                        },

                    },
                    {
                        type: 'value',
                        axisLabel: {
                            //formatter: '{value} %'
                            show: true,
                            textStyle: {
                                color: "rgba(255,255,255,.6)",
                                fontSize: '12',
                            },
                        },
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            show: false,
                        },
                        splitLine: {
                            lineStyle: {
                                color: "rgba(255,255,255,.1)",
                                type: 'dashed'
                            }
                        }

                        // name: '温度',
                        // min: 0,
                        // max: 25,
                        // interval: 5,
                        // axisLabel: {
                        //     formatter: '{value} °C'
                        // }
                    }
                ],
                series: [
                    {
                        name: '市区',
                        type: 'bar',
                        data: cityTotal,
                        barWidth: '35%', //柱子宽度
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#8882F7',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: '全国',
                        type: 'line',
                        yAxisIndex: 1,
                        data: [0, 0, 0],
                        itemStyle: {
                            normal: {
                                color: '#FFDB65',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }
                ]
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }
    function echarts_55(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A019",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "total", "studentno"
            ],
            "query_format": "echarts",
            "query_group": [
                "stage", "citycountrygroup"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);
            var cityNum = [];// 城区
            var townNum = [];// 镇区
            var ruralNum = [];// 乡村
            newData.datas[1].map((item, index) => {
                cityNum.push(((item / newData.datas2[1][index])).toFixed(2));
            })
            newData.datas[2].map((item, index) => {
                townNum.push((item / newData.datas2[2][index]).toFixed(2));
            })
            newData.datas[0].map((item, index) => {
                ruralNum.push((item / newData.datas2[0][index]).toFixed(2));
            })
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart55'));  // 情况

            option = {
                //  backgroundColor: '#00265f',
                title: [{
                    text: '城乡生均教辅面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'shadow'
                    }
                },
                grid: {
                    left: '0%',
                    top: '14%',
                    right: '0%',
                    bottom: '4%',
                    containLabel: true
                },
                legend: {
                    data: newData.groups[1],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [{
                    type: 'category',
                    data: newData.groups[0],
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            width: 1,
                            type: "solid"
                        },
                    },

                    axisTick: {
                        show: false,
                    },
                    axisLabel: {
                        interval: 0,
                        // rotate:50,
                        show: true,
                        splitNumber: 15,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                }],
                yAxis: [{
                    type: 'value',
                    axisLabel: {
                        //formatter: '{value} %'
                        show: true,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1	)",
                            width: 1,
                            type: "solid"
                        },
                    },
                    splitLine: {
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            type: 'dashed'
                        }
                    }
                }],
                series: [
                    {
                        name: newData.groups[1][0],
                        type: 'bar',
                        data: cityNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#168EFE',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: newData.groups[1][1],
                        type: 'bar',
                        data: townNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#FFDB65',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: newData.groups[1][2],
                        type: 'bar',
                        data: ruralNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#2CD1C0',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }

                ]
            };
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }


    function echarts_6(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A018",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "xueshengsushe", "jisuno"
            ],
            "query_format": "echarts",
            "query_group": [
                "stage", "citycountrygroup"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);

            var smallArea = 0;
            var smallPerson = 0;
            var middleArea = 0;
            var middlePerson = 0;
            var heightArea = 0;
            var heightPerson = 0;
            newData.datas[0].map((item, index) => {
                smallArea = smallArea + Number(item);
            });
            newData.datas2[0].map((item, index) => {
                smallPerson = smallPerson + Number(item);
            });
            newData.datas[1].map((item, index) => {
                middleArea = middleArea + Number(item);
            });
            newData.datas2[1].map((item, index) => {
                middlePerson = middlePerson + Number(item);
            });
            newData.datas[2].map((item, index) => {
                heightArea = heightArea + Number(item);
            });
            newData.datas2[2].map((item, index) => {
                heightPerson = heightPerson + Number(item);
            });

            var cityTotal = [(smallArea / smallPerson).toFixed(2), (middleArea / middlePerson).toFixed(2), (heightArea / heightPerson).toFixed(2)];
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart6'));  // 留守儿童情况
            option = {
                //  backgroundColor: '#00265f',
                title: [{
                    text: '寄宿生生均宿舍面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { type: 'shadow' }
                },
                grid: {
                    left: '0%',
                    top: '14%',
                    right: '0%',
                    bottom: '4%',
                    containLabel: true
                },
                xAxis: [{
                    type: 'category',
                    data: newData.groups[0],
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            width: 1,
                            type: "solid"
                        },
                    },

                    axisTick: {
                        show: false,
                    },
                    axisLabel: {
                        interval: 0,
                        // rotate:50,
                        show: true,
                        splitNumber: 15,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                }],
                yAxis: [{
                    type: 'value',
                    axisLabel: {
                        //formatter: '{value} %'
                        show: true,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1	)",
                            width: 1,
                            type: "solid"
                        },
                    },
                    splitLine: {
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            type: 'dashed'
                        }
                    }
                }],
                series: [
                    {

                        type: 'bar',
                        data: cityTotal,
                        barWidth: '35%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#FFA06C',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }

                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }
    function echarts_7(year) {
        $.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "A018",
                "query_param": [
                    year
                ]
            },
            "query_cache": 0,
            "query_count": [
                "xueshengsushe", "jisuno"
            ],
            "query_format": "echarts",
            "query_group": [
                "stage", "citycountrygroup"
            ]
        }), function (resport) {
            var data = resport.result;
            var newData = JSON.parse(data);
            var cityNum = [];// 城区
            var townNum = [];// 镇区
            var ruralNum = [];// 乡村

            newData.datas[1].map((item, index) => {
                cityNum.push(((item / newData.datas2[1][index])).toFixed(2));
            })
            newData.datas[2].map((item, index) => {
                townNum.push((item / newData.datas2[2][index]).toFixed(2));
            })
            newData.datas[0].map((item, index) => {
                ruralNum.push((item / newData.datas2[0][index]).toFixed(2));
            })
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('echart7'));  // 留守儿童情况

            option = {
                //  backgroundColor: '#00265f',
                title: [{
                    text: '城乡生均宿舍面积情况',
                    left: 'left',
                    textStyle: {
                        color: '#fff',
                        fontSize: '12',
                        marginBottom: '1rem',
                    }

                }],
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'shadow'
                    }
                },
                grid: {
                    left: '0%',
                    top: '14%',
                    right: '0%',
                    bottom: '4%',
                    containLabel: true
                },
                legend: {
                    data: newData.groups[1],
                    textStyle: {
                        color: '#fff'
                    }
                },
                xAxis: [{
                    type: 'category',
                    data: newData.groups[0],
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            width: 1,
                            type: "solid"
                        },
                    },

                    axisTick: {
                        show: false,
                    },
                    axisLabel: {
                        interval: 0,
                        // rotate:50,
                        show: true,
                        splitNumber: 15,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                }],
                yAxis: [{
                    type: 'value',
                    axisLabel: {
                        //formatter: '{value} %'
                        show: true,
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: '12',
                        },
                    },
                    axisTick: {
                        show: false,
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: "rgba(255,255,255,.1	)",
                            width: 1,
                            type: "solid"
                        },
                    },
                    splitLine: {
                        lineStyle: {
                            color: "rgba(255,255,255,.1)",
                            type: 'dashed'
                        }
                    }
                }],
                series: [
                    {
                        name: newData.groups[1][0],
                        type: 'bar',
                        data: cityNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#168EFE',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: newData.groups[1][1],
                        type: 'bar',
                        data: townNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#FFDB65',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    },
                    {
                        name: newData.groups[1][2],
                        type: 'bar',
                        data: ruralNum,
                        barWidth: '15%', //柱子宽度
                        // barGap: 1, //柱子之间间距
                        label: {
                            show: true,
                            position: 'top'
                        },
                        itemStyle: {
                            normal: {
                                color: '#2CD1C0',
                                opacity: 1,
                                barBorderRadius: 5,
                            }
                        }
                    }

                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json');
    }
})