|
|
var E_chart = [];
|
|
|
$(function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 渲染年份列表 在nav.js中获取select_year
|
|
|
$('#select-year').append(select_year)
|
|
|
// 标题增加年份
|
|
|
$('#title_text').prepend(config_now_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());
|
|
|
$(window).attr('location', "index.html?year=" + $(this).text());
|
|
|
let on_year = $(this).text();
|
|
|
echarts_1(on_year); // 各阶段学校数量
|
|
|
echarts_2(on_year); //学校规模情况
|
|
|
echarts_4(on_year); //办学条件情况
|
|
|
echarts_6(on_year); //城乡专任教师师生比
|
|
|
echarts_7(on_year); //随迁子女情况(高中)
|
|
|
echarts_8(on_year); //随迁子女情况(初中)
|
|
|
echarts_9(on_year); //学生情况
|
|
|
echarts_10(on_year); // 班额情况
|
|
|
echarts_11(on_year); //留守儿童情况
|
|
|
echarts_31(on_year); // 专任教师师生比-小学
|
|
|
echarts_32(on_year); // 专任教师师生比-初中
|
|
|
echarts_33(on_year); // 专任教师师生比-高中
|
|
|
echarts_all(on_year);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var typeOfBe = 'small';
|
|
|
$('#BExiaoxue').click(function (event) {
|
|
|
$(this).addClass('active');
|
|
|
$(this).siblings().removeClass('active');
|
|
|
typeOfBe = 'small';
|
|
|
echarts_10(config_now_year);
|
|
|
})
|
|
|
$('#BEchuzhong').click(function (event) {
|
|
|
$(this).addClass('active');
|
|
|
$(this).siblings().removeClass('active');
|
|
|
typeOfBe = 'middle';
|
|
|
echarts_10(config_now_year);
|
|
|
})
|
|
|
$('#BEgaozhong').click(function (event) {
|
|
|
$(this).addClass('active');
|
|
|
$(this).siblings().removeClass('active');
|
|
|
typeOfBe = 'height';
|
|
|
echarts_10(config_now_year);
|
|
|
})
|
|
|
var typeOfSqzn = 'small';
|
|
|
$('#SQxiaoxue').click(function (event) {
|
|
|
$(this).addClass('active');
|
|
|
$(this).siblings().removeClass('active');
|
|
|
typeOfSqzn = 'small';
|
|
|
echarts_7(config_now_year);
|
|
|
echarts_8(config_now_year);
|
|
|
})
|
|
|
$('#SQchuzhong').click(function (event) {
|
|
|
$(this).addClass('active');
|
|
|
$(this).siblings().removeClass('active');
|
|
|
typeOfSqzn = 'middle';
|
|
|
echarts_7(config_now_year);
|
|
|
echarts_8(config_now_year);
|
|
|
})
|
|
|
$('#SQgaozhong').click(function (event) {
|
|
|
$(this).addClass('active');
|
|
|
$(this).siblings().removeClass('active');
|
|
|
typeOfSqzn = 'height';
|
|
|
echarts_7(config_now_year);
|
|
|
echarts_8(config_now_year);
|
|
|
})
|
|
|
|
|
|
echarts_1(config_now_year); // 各阶段学校数量
|
|
|
echarts_2(config_now_year); //学校规模情况
|
|
|
echarts_4(config_now_year); //办学条件情况
|
|
|
echarts_6(config_now_year); //城乡专任教师师生比
|
|
|
echarts_7(config_now_year); //随迁子女情况(高中)
|
|
|
echarts_8(config_now_year); //随迁子女情况(初中)
|
|
|
echarts_9(config_now_year); //学生情况
|
|
|
echarts_10(config_now_year); // 班额情况
|
|
|
echarts_11(config_now_year); //留守儿童情况
|
|
|
echarts_31(config_now_year); // 专任教师师生比-小学
|
|
|
echarts_32(config_now_year); // 专任教师师生比-初中
|
|
|
echarts_33(config_now_year); // 专任教师师生比-高中
|
|
|
echarts_all(config_now_year);
|
|
|
// 各阶段学校数量
|
|
|
function echarts_1(year) {
|
|
|
// 各阶段学校数量
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A011",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "echarts",
|
|
|
"query_group": [
|
|
|
"stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var indata = JSON.parse(data);
|
|
|
newData = dataToChar(indata);
|
|
|
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
myChart = echarts.init(document.getElementById('echart_school_number1')); // 各阶段学校数量
|
|
|
// E_chart[0] = myChart;
|
|
|
E_chart.push(myChart);
|
|
|
option = {
|
|
|
title: {
|
|
|
text: '',
|
|
|
left: 'center',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
top: '70%',
|
|
|
itemWidth: 10,
|
|
|
itemHeight: 10,
|
|
|
data: indata.groups[0],
|
|
|
textStyle: {
|
|
|
color: 'rgba(255,255,255,.5)',
|
|
|
fontSize: '12',
|
|
|
}
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item'
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
radius: '50%',
|
|
|
center: ['50%', '40%'],
|
|
|
color: ['#168EFE', '#8882F7', '#FFA06C', '#FFDB65', '#2CD1C0', '#FF88A8'],
|
|
|
data: newData,
|
|
|
label: { show: false },
|
|
|
labelLine: { show: false },
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
},
|
|
|
animationDelay: function (idx) {
|
|
|
return idx * 100;
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
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": "A010",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "echarts",
|
|
|
"query_group": [
|
|
|
"stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('echart_school_size2')); // 学校规模情况
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
option = {
|
|
|
// backgroundColor: '#00265f',
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: { type: 'shadow' }
|
|
|
},
|
|
|
grid: {
|
|
|
left: '0%',
|
|
|
top: '10px',
|
|
|
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: newData.datas[0],
|
|
|
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_4(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A009",
|
|
|
"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('echart_school_condition3')); // 办学条件情况
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
option = {
|
|
|
// backgroundColor: '#00265f',
|
|
|
title: [{
|
|
|
text: '城乡生均占地面积情况',
|
|
|
// subtext: 'From ExcelHome',
|
|
|
left: 'left',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: '12'
|
|
|
}
|
|
|
|
|
|
}],
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: { type: 'shadow' }
|
|
|
},
|
|
|
legend: {
|
|
|
data: newData.groups[1],
|
|
|
textStyle: {
|
|
|
color: '#fff'
|
|
|
}
|
|
|
},
|
|
|
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: [
|
|
|
{
|
|
|
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_6(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A003",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"studentno", "teacherno"
|
|
|
],
|
|
|
"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('city_taacher_and_student6')); // 城乡专任教师师生比
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
option = {
|
|
|
// backgroundColor: '#00265f',
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
data: newData.groups[1],
|
|
|
textStyle: {
|
|
|
color: '#fff'
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
left: '0%',
|
|
|
top: '14%',
|
|
|
right: '0%',
|
|
|
bottom: '2%',
|
|
|
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: [
|
|
|
{
|
|
|
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: '#8882F7',
|
|
|
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: '#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": "A006",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "echarts",
|
|
|
"query_group": [
|
|
|
"didgroup", "stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
|
|
|
var thisProvince = typeOfSqzn === 'small' ? newData.datas[0][0] : typeOfSqzn === 'middle' ? newData.datas[1][0] : newData.datas[2][0];
|
|
|
var otherProvinces = typeOfSqzn === 'small' ? newData.datas[0][1] : typeOfSqzn === 'middle' ? newData.datas[1][1] : newData.datas[2][1];
|
|
|
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('echart7')); // 随迁子女情况
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
option = {
|
|
|
title: {
|
|
|
text: '',
|
|
|
left: 'center',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: "{a} <br/>{b}: {c} ({d}%)",
|
|
|
position: function (p) { //其中p为当前鼠标的位置
|
|
|
return [p[0] + 10, p[1] - 10];
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
show: false,
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '访问来源',
|
|
|
type: 'pie',
|
|
|
color: ['#FF88A8', '#168EFE'],
|
|
|
radius: '50%',
|
|
|
data: [
|
|
|
{ value: thisProvince, name: '本省迁入' },
|
|
|
{ value: otherProvinces, name: '外省迁入' },
|
|
|
],
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}, 'json');
|
|
|
}
|
|
|
// 随迁子女情况(初中)
|
|
|
function echarts_8(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A006",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "echarts",
|
|
|
"query_group": [
|
|
|
"didgroup", "stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
var OnCampusStudents = typeOfSqzn === 'small' ? newData.datas[0][2] : typeOfSqzn === 'middle' ? newData.datas[1][2] : newData.datas[2][2];
|
|
|
var AccompanyingChildren = typeOfSqzn === 'small' ? Number(newData.datas[0][0]) + Number(newData.datas[0][1]) : typeOfSqzn === 'middle' ? Number(newData.datas[1][0]) + Number(newData.datas[1][1]) : Number(newData.datas[2][0]) + Number(newData.datas[2][1]);
|
|
|
var unAccompanyingChildren = typeOfSqzn === 'small' ? OnCampusStudents - AccompanyingChildren : typeOfSqzn === 'middle' ? OnCampusStudents - AccompanyingChildren : OnCampusStudents - AccompanyingChildren;
|
|
|
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('echart8')); //
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
option = {
|
|
|
title: {
|
|
|
text: '',
|
|
|
left: 'center',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: "{a} <br/>{b}: {c} ({d}%)",
|
|
|
position: function (p) { //其中p为当前鼠标的位置
|
|
|
return [p[0] + 10, p[1] - 10];
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
show: false,
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '访问来源',
|
|
|
type: 'pie',
|
|
|
radius: '50%',
|
|
|
color: ['#168EFE', '#FFA06C'],
|
|
|
data: [
|
|
|
{ value: unAccompanyingChildren, name: '非随迁子女' },
|
|
|
{ value: AccompanyingChildren, name: '随迁子女' },
|
|
|
],
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}, 'json');
|
|
|
}
|
|
|
// 学生情况
|
|
|
function echarts_9(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A008",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "echarts",
|
|
|
"query_group": [
|
|
|
"didgroup", "stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('student_situation9')); // 留守儿童情况
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
option = {
|
|
|
// backgroundColor: '#00265f',
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
data: newData.groups[1],
|
|
|
textStyle: {
|
|
|
color: '#fff'
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
left: '0%',
|
|
|
top: '10px',
|
|
|
right: '0%',
|
|
|
bottom: '2%',
|
|
|
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: [
|
|
|
{
|
|
|
name: '小学',
|
|
|
type: 'bar',
|
|
|
data: newData.datas[0],
|
|
|
barWidth: '15%', //柱子宽度
|
|
|
// barGap: 1, //柱子之间间距
|
|
|
// label: {
|
|
|
// show: true,
|
|
|
// position: 'top'
|
|
|
// },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: '#8882F7',
|
|
|
opacity: 1,
|
|
|
barBorderRadius: 5,
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
name: '初中',
|
|
|
type: 'bar',
|
|
|
data: newData.datas[1],
|
|
|
barWidth: '15%', //柱子宽度
|
|
|
// barGap: 1, //柱子之间间距
|
|
|
// label: {
|
|
|
// show: true,
|
|
|
// position: 'top'
|
|
|
// },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: '#FFA06C',
|
|
|
opacity: 1,
|
|
|
barBorderRadius: 5,
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
name: '高中',
|
|
|
type: 'bar',
|
|
|
data: newData.datas[2],
|
|
|
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_10(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A007",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "echarts",
|
|
|
"query_group": [
|
|
|
"didgroup", "stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
// debugger
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('class_capacity10')); // 班额情况
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
option = {
|
|
|
// backgroundColor: '#00265f',
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: { type: 'shadow' }
|
|
|
},
|
|
|
grid: {
|
|
|
left: '0%',
|
|
|
top: '0',
|
|
|
right: '5%',
|
|
|
bottom: '16%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
legend: {
|
|
|
show: false
|
|
|
},
|
|
|
xAxis: [{
|
|
|
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'
|
|
|
}
|
|
|
}
|
|
|
}],
|
|
|
yAxis: [{
|
|
|
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',
|
|
|
},
|
|
|
},
|
|
|
}],
|
|
|
|
|
|
series: [
|
|
|
{
|
|
|
name: typeOfBe === 'small' ? '小学' : typeOfBe === 'middle' ? '初中' : '高中',
|
|
|
type: 'bar',
|
|
|
data: typeOfBe === 'small' ? newData.datas[0] : typeOfBe === 'middle' ? newData.datas[1] : newData.datas[2],
|
|
|
barWidth: '15%', //柱子宽度
|
|
|
// barGap: 1, //柱子之间间距
|
|
|
label: {
|
|
|
show: true,
|
|
|
position: 'right'
|
|
|
},
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: '#168EFE',
|
|
|
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": "A005",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "echarts",
|
|
|
"query_group": [
|
|
|
"citycountrygroup", "stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('left_behind_children11')); // 留守儿童情况
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
option = {
|
|
|
// backgroundColor: '#00265f',
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
data: newData.groups[1],
|
|
|
textStyle: {
|
|
|
color: '#fff'
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
left: '0%',
|
|
|
top: '10px',
|
|
|
right: '0%',
|
|
|
bottom: '2%',
|
|
|
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: [
|
|
|
{
|
|
|
name: '小学',
|
|
|
type: 'bar',
|
|
|
data: newData.datas[0],
|
|
|
barWidth: '15%', //柱子宽度
|
|
|
// barGap: 1, //柱子之间间距
|
|
|
// label: {
|
|
|
// show: true,
|
|
|
// position: 'top'
|
|
|
// },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: '#2CD1C0',
|
|
|
opacity: 1,
|
|
|
barBorderRadius: 5,
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
name: '初中',
|
|
|
type: 'bar',
|
|
|
data: newData.datas[1],
|
|
|
barWidth: '15%', //柱子宽度
|
|
|
// barGap: 1, //柱子之间间距
|
|
|
// label: {
|
|
|
// show: true,
|
|
|
// position: 'top'
|
|
|
// },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: '#FFDB65',
|
|
|
opacity: 1,
|
|
|
barBorderRadius: 5,
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
name: '高中',
|
|
|
type: 'bar',
|
|
|
data: newData.datas[2] ? newData.datas[2] : [],
|
|
|
barWidth: '15%', //柱子宽度
|
|
|
// barGap: 1, //柱子之间间距
|
|
|
// label: {
|
|
|
// show: true,
|
|
|
// position: 'top'
|
|
|
// },
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
color: '#FFDB65',
|
|
|
opacity: 1,
|
|
|
barBorderRadius: 5,
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
]
|
|
|
};
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}, 'json');
|
|
|
|
|
|
}
|
|
|
// 专任教师师生比-小学
|
|
|
function echarts_31(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A004",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"teacherno", "studentno"
|
|
|
],
|
|
|
"query_format": "json",
|
|
|
"query_group": [
|
|
|
"stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('taacher_and_student1'));
|
|
|
E_chart.push(myChart);
|
|
|
|
|
|
var student_num = (Number(newData[0].studentno) / Number(newData[0].teacherno)).toFixed(2);
|
|
|
option = {
|
|
|
|
|
|
title: [{
|
|
|
text: '小学',
|
|
|
left: 'center',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
|
|
|
}],
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: "{a} <br/>{b}: {c} ({d}%)",
|
|
|
position: function (p) { //其中p为当前鼠标的位置
|
|
|
return [p[0] + 10, p[1] - 10];
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
top: '70%',
|
|
|
itemWidth: 10,
|
|
|
itemHeight: 10,
|
|
|
data: ['教师', '学生'],
|
|
|
textStyle: {
|
|
|
color: 'rgba(255,255,255,.5)',
|
|
|
fontSize: '12',
|
|
|
}
|
|
|
},
|
|
|
graphic: {
|
|
|
type: 'text',
|
|
|
left: 'center',
|
|
|
top: '40%',
|
|
|
style: {
|
|
|
text: `1:${student_num}`,
|
|
|
textAlign: 'center',
|
|
|
fill: '#6EE3DA',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '小学',
|
|
|
type: 'pie',
|
|
|
center: ['50%', '42%'],
|
|
|
radius: ['40%', '60%'],
|
|
|
color: ['#168EFE', '#FFDB65'],
|
|
|
label: { show: true },
|
|
|
labelLine: { show: true },
|
|
|
data: [
|
|
|
{ value: 1, name: '教师' },
|
|
|
{ value: student_num, name: '学生' },
|
|
|
],
|
|
|
emphasis: {
|
|
|
// label: {
|
|
|
// show: true,
|
|
|
// fontSize: '20',
|
|
|
// fontWeight: 'bold',
|
|
|
// formatter: '{c}: {c}'
|
|
|
// },
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}, 'json');
|
|
|
|
|
|
}
|
|
|
// 专任教师师生比-初中
|
|
|
function echarts_32(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A004",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"teacherno", "studentno"
|
|
|
],
|
|
|
"query_format": "json",
|
|
|
"query_group": [
|
|
|
"stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('taacher_and_student2'));
|
|
|
E_chart.push(myChart);
|
|
|
var student_num = (Number(newData[1].studentno) / Number(newData[1].teacherno)).toFixed(2);
|
|
|
|
|
|
option = {
|
|
|
|
|
|
title: [{
|
|
|
text: '初中',
|
|
|
left: 'center',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
|
|
|
}],
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: "{a} <br/>{b}: {c} ({d}%)",
|
|
|
position: function (p) { //其中p为当前鼠标的位置
|
|
|
return [p[0] + 10, p[1] - 10];
|
|
|
}
|
|
|
},
|
|
|
graphic: {
|
|
|
type: 'text',
|
|
|
left: 'center',
|
|
|
top: '40%',
|
|
|
style: {
|
|
|
text: `1:${student_num}`,
|
|
|
textAlign: 'center',
|
|
|
fill: '#6EE3DA',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
top: '70%',
|
|
|
itemWidth: 10,
|
|
|
itemHeight: 10,
|
|
|
data: ['教师', '学生'],
|
|
|
textStyle: {
|
|
|
color: 'rgba(255,255,255,.5)',
|
|
|
fontSize: '12',
|
|
|
}
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '初中',
|
|
|
type: 'pie',
|
|
|
center: ['50%', '42%'],
|
|
|
radius: ['40%', '60%'],
|
|
|
color: ['#168EFE', '#FFDB65'],
|
|
|
label: { show: true },
|
|
|
labelLine: { show: true },
|
|
|
data: [
|
|
|
{ value: 1, name: '教师' },
|
|
|
{ value: student_num, name: '学生' },
|
|
|
],
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}, 'json');
|
|
|
}
|
|
|
// 专任教师师生比-高中
|
|
|
function echarts_33(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A004",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"teacherno", "studentno"
|
|
|
],
|
|
|
"query_format": "json",
|
|
|
"query_group": [
|
|
|
"stage"
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('taacher_and_student3'));
|
|
|
E_chart.push(myChart);
|
|
|
var student_num = (Number(newData[2].studentno) / Number(newData[2].teacherno)).toFixed(2);
|
|
|
|
|
|
option = {
|
|
|
title: [{
|
|
|
text: '高中',
|
|
|
left: 'center',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
|
|
|
}],
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: "{a} <br/>{b}: {c} ({d}%)",
|
|
|
position: function (p) { //其中p为当前鼠标的位置
|
|
|
return [p[0] + 10, p[1] - 10];
|
|
|
}
|
|
|
},
|
|
|
graphic: {
|
|
|
type: 'text',
|
|
|
left: 'center',
|
|
|
top: '40%',
|
|
|
style: {
|
|
|
text: `1:${student_num}`,
|
|
|
textAlign: 'center',
|
|
|
fill: '#6EE3DA',
|
|
|
fontSize: '16'
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
top: '70%',
|
|
|
itemWidth: 10,
|
|
|
itemHeight: 10,
|
|
|
data: ['教师', '学生'],
|
|
|
textStyle: {
|
|
|
color: 'rgba(255,255,255,.5)',
|
|
|
fontSize: '12',
|
|
|
}
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '高中',
|
|
|
type: 'pie',
|
|
|
center: ['50%', '42%'],
|
|
|
radius: ['40%', '60%'],
|
|
|
color: ['#168EFE', '#FFDB65'],
|
|
|
label: { show: true },
|
|
|
labelLine: { show: true },
|
|
|
data: [
|
|
|
{ value: 1, name: '教师' },
|
|
|
{ value: student_num, name: '学生' },
|
|
|
],
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
window.addEventListener("resize", function () {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}, 'json');
|
|
|
}
|
|
|
|
|
|
function echarts_all(year) {
|
|
|
$.post(config_serverIp + "dataex/report/QuerySimpleGP", JSON.stringify({
|
|
|
"access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
|
|
|
"query": {
|
|
|
"query_id": "A001",
|
|
|
"query_param": [
|
|
|
year
|
|
|
]
|
|
|
},
|
|
|
"query_cache": 0,
|
|
|
"query_count": [
|
|
|
"total"
|
|
|
],
|
|
|
"query_format": "json",
|
|
|
"query_group": [
|
|
|
""
|
|
|
]
|
|
|
}), function (resport) {
|
|
|
var data = resport.result;
|
|
|
var newData = JSON.parse(data);
|
|
|
var allNum;
|
|
|
var random_number = (1 - Math.random() * 0.2)
|
|
|
newData.map((item, index) => {
|
|
|
if (item.didgroup === '学校总数') {
|
|
|
// 学校总数
|
|
|
allNum = Number(newData[index].total);
|
|
|
// var wrong_number = (Number(newData[index].total) * random_number).toFixed();//随机数
|
|
|
var wrong_number = Number(newData[index].total) + "";//随机数
|
|
|
let schoolNumber = document.querySelector("#schoolNumber");
|
|
|
var numberArr = (wrong_number).split("");
|
|
|
|
|
|
let schoolNumberNr = ""
|
|
|
numberArr.map((item) => {
|
|
|
schoolNumberNr += `<div class="num_box">${item} <div class="boxfoot"></div></div>`;
|
|
|
})
|
|
|
schoolNumber.innerHTML = schoolNumberNr
|
|
|
} else if (item.didgroup === '教工总数') {
|
|
|
// 教职工总数
|
|
|
// var wrong_number = (Number(newData[index].total) * random_number).toFixed()//随机数
|
|
|
var wrong_number = Number(newData[index].total) + ""//随机数
|
|
|
let teacherNumber = document.querySelector("#teacherNumber");
|
|
|
var numberArr = (wrong_number).split("");
|
|
|
|
|
|
let teacherNumNr = ""
|
|
|
numberArr.map((item) => {
|
|
|
teacherNumNr += `<div class="num_box">${item} <div class="boxfoot"></div></div>`;
|
|
|
})
|
|
|
|
|
|
teacherNumber.innerHTML = teacherNumNr
|
|
|
} else if (item.didgroup === '学生总数') {
|
|
|
// 学生总数
|
|
|
// var wrong_number = (Number(newData[index].total) * random_number).toFixed()//随机数
|
|
|
var wrong_number = Number(newData[index].total) + ""//随机数
|
|
|
let studentNumber = document.querySelector("#studentNumber");
|
|
|
var numberArr = (wrong_number).split("");
|
|
|
let studentNumNr = ""
|
|
|
numberArr.map((item) => {
|
|
|
studentNumNr += `<div class="num_box">${item} <div class="boxfoot"></div></div>`;
|
|
|
})
|
|
|
studentNumber.innerHTML = studentNumNr
|
|
|
}
|
|
|
})
|
|
|
}, 'json');
|
|
|
}
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
