|
|
# 教育人口与发展分析报告
|
|
|
|
|
|
```html
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="zh-CN">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>教育人口与发展分析报告</title>
|
|
|
<script src="echarts.min.js"></script>
|
|
|
<style>
|
|
|
body {
|
|
|
font-family: 'Microsoft YaHei', Arial, sans-serif;
|
|
|
line-height: 1.6;
|
|
|
color: #333;
|
|
|
max-width: 1200px;
|
|
|
margin: 0 auto;
|
|
|
padding: 20px;
|
|
|
background-color: #f9f9f9;
|
|
|
}
|
|
|
header {
|
|
|
background-color: #2c3e50;
|
|
|
color: white;
|
|
|
padding: 30px;
|
|
|
text-align: center;
|
|
|
border-radius: 8px;
|
|
|
margin-bottom: 30px;
|
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
|
|
}
|
|
|
h1 {
|
|
|
margin: 0;
|
|
|
font-size: 2.5em;
|
|
|
}
|
|
|
h2 {
|
|
|
color: #2c3e50;
|
|
|
border-bottom: 2px solid #3498db;
|
|
|
padding-bottom: 10px;
|
|
|
margin-top: 40px;
|
|
|
}
|
|
|
h3 {
|
|
|
color: #3498db;
|
|
|
}
|
|
|
.summary {
|
|
|
background-color: #ecf0f1;
|
|
|
padding: 20px;
|
|
|
border-radius: 8px;
|
|
|
margin-bottom: 30px;
|
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
|
|
|
}
|
|
|
.chart-container {
|
|
|
background-color: white;
|
|
|
padding: 20px;
|
|
|
border-radius: 8px;
|
|
|
margin-bottom: 30px;
|
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
|
|
}
|
|
|
.chart {
|
|
|
width: 100%;
|
|
|
height: 500px;
|
|
|
margin: 20px 0;
|
|
|
}
|
|
|
.analysis {
|
|
|
background-color: #f5f5f5;
|
|
|
padding: 20px;
|
|
|
border-radius: 8px;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
.conclusion {
|
|
|
background-color: #e8f4f8;
|
|
|
padding: 20px;
|
|
|
border-radius: 8px;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
.flex-container {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
flex-wrap: wrap;
|
|
|
}
|
|
|
.flex-item {
|
|
|
flex: 1;
|
|
|
min-width: 300px;
|
|
|
margin: 10px;
|
|
|
}
|
|
|
footer {
|
|
|
text-align: center;
|
|
|
margin-top: 50px;
|
|
|
padding: 20px;
|
|
|
color: #7f8c8d;
|
|
|
font-size: 0.9em;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<header>
|
|
|
<h1>教育人口与发展分析报告</h1>
|
|
|
<p>2023年度综合数据分析</p>
|
|
|
</header>
|
|
|
|
|
|
<section class="summary">
|
|
|
<h2>摘要</h2>
|
|
|
<p>本报告基于2020-2023年的教育人口与发展相关数据，通过多种可视化图表展示了我国教育发展的现状与趋势。报告涵盖了人口变化、教育规模、城乡差异、资源配置等多个维度，旨在为教育政策制定和教育发展规划提供数据支持。</p>
|
|
|
<p>主要发现包括：学龄人口呈现下降趋势，城乡教育资源分配不均衡，东部地区教育发展水平明显高于西部地区，教育投入与产出效率存在区域差异等。</p>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>1. 人口变化趋势</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>1.1 人口变化趋势图（折线图）</h3>
|
|
|
<div id="population-trend" class="chart"></div>
|
|
|
<p>该图表展示了2010-2023年我国0-18岁人口的变化趋势。数据显示，学龄人口在2016年达到峰值后开始逐年下降，预计这一趋势将持续到2030年。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>2. 教育规模分布</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>2.1 教育规模分布图（柱状图）</h3>
|
|
|
<div id="education-scale" class="chart"></div>
|
|
|
<p>该图表展示了2023年我国各级教育机构的数量分布。其中，小学数量最多，高等教育机构数量相对较少但增长迅速。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>3. 城乡人口对比</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>3.1 城乡人口对比图（饼图）</h3>
|
|
|
<div id="urban-rural" class="chart"></div>
|
|
|
<p>该图表展示了2023年我国城乡学龄人口的分布比例。城市学龄人口占比已超过农村，且这一差距仍在扩大。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>4. 学龄人口预测</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>4.1 学龄人口预测图（面积图）</h3>
|
|
|
<div id="school-age" class="chart"></div>
|
|
|
<p>该图表展示了2023-2035年我国各年龄段学龄人口的预测变化。6-12岁小学适龄人口将呈现先下降后稳定的趋势。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>5. 教育资源配置</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>5.1 教育资源配置图（雷达图）</h3>
|
|
|
<div id="resource-allocation" class="chart"></div>
|
|
|
<p>该图表展示了我国东、中、西部三个地区在教育资源各维度的配置情况。东部地区在师资力量、硬件设施等方面明显优于中西部地区。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>6. 区域教育发展对比</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>6.1 区域教育发展对比图（条形图）</h3>
|
|
|
<div id="regional-comparison" class="chart"></div>
|
|
|
<p>该图表展示了我国七大地理区域在教育发展各项指标上的对比情况。华东地区综合发展水平最高，西北地区相对落后。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>7. 教育投入产出分析</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>7.1 教育投入产出分析图（散点图）</h3>
|
|
|
<div id="input-output" class="chart"></div>
|
|
|
<p>该图表展示了各省份教育投入与产出效率的关系。部分中西部省份虽然投入相对较少，但产出效率较高；而部分经济发达省份则呈现高投入、中等产出的特点。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>8. 师资力量分布</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>8.1 师资力量分布图（热力图）</h3>
|
|
|
<div id="teacher-distribution" class="chart"></div>
|
|
|
<p>该图表展示了我国各省份各级教育师资力量的分布情况。东部沿海省份和直辖市在师资质量和数量上都明显优于其他地区。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
<h2>9. 综合发展指数</h2>
|
|
|
<div class="chart-container">
|
|
|
<h3>9.1 综合发展指数图（仪表盘图）</h3>
|
|
|
<div id="development-index" class="chart"></div>
|
|
|
<p>该图表展示了我国教育综合发展指数的评估结果。总体发展指数为72.5，处于中等偏上水平，但在均衡发展和质量提升方面仍有较大改进空间。</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section class="analysis">
|
|
|
<h2>数据分析</h2>
|
|
|
<div class="flex-container">
|
|
|
<div class="flex-item">
|
|
|
<h3>人口变化趋势分析</h3>
|
|
|
<p>数据显示，我国学龄人口已进入下降通道，这将对教育资源配置产生深远影响。预计到2030年，小学适龄人口将比2020年减少约15%，而高等教育适龄人口将先增后减。</p>
|
|
|
</div>
|
|
|
<div class="flex-item">
|
|
|
<h3>城乡差异分析</h3>
|
|
|
<p>城乡教育发展不均衡问题依然突出。虽然城市学龄人口占比已超过农村，但农村地区的教育资源相对匮乏，师资力量不足，教育质量与城市存在明显差距。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="flex-container">
|
|
|
<div class="flex-item">
|
|
|
<h3>区域发展分析</h3>
|
|
|
<p>东部地区在教育发展各方面均领先于中西部地区，特别是在师资力量、教育投入和教育质量方面优势明显。西部地区虽然在硬件设施上有较大改善，但在软件建设上仍有较大差距。</p>
|
|
|
</div>
|
|
|
<div class="flex-item">
|
|
|
<h3>资源配置效率分析</h3>
|
|
|
<p>教育投入产出效率存在明显区域差异。部分经济发达省份教育投入大但效率不高，而部分中西部省份在有限投入下取得了较好的教育产出，这种差异值得深入研究。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<section class="conclusion">
|
|
|
<h2>结论与建议</h2>
|
|
|
<h3>主要结论</h3>
|
|
|
<ol>
|
|
|
<li>我国学龄人口已进入下降通道，教育资源配置需要进行前瞻性调整</li>
|
|
|
<li>城乡教育发展不均衡问题依然突出，农村教育质量亟待提升</li>
|
|
|
<li>区域教育发展差异明显，东西部差距仍然较大</li>
|
|
|
<li>教育投入产出效率存在优化空间，资源配置需要更加精准</li>
|
|
|
</ol>
|
|
|
<h3>政策建议</h3>
|
|
|
<ol>
|
|
|
<li>根据人口变化趋势，合理规划学校布局和师资配置，避免资源浪费</li>
|
|
|
<li>加大了对农村教育的投入力度，重点改善师资条件和教学质量</li>
|
|
|
<li>实施区域差异化教育发展策略，对西部地区给予更多政策支持</li>
|
|
|
<li>建立教育投入产出评估机制，提高资源配置效率</li>
|
|
|
<li>推动教育信息化建设，利用技术手段缩小区域和城乡教育差距</li>
|
|
|
</ol>
|
|
|
</section>
|
|
|
|
|
|
<footer>
|
|
|
<p>© 2023 教育发展研究院 | 数据来源：国家统计局、教育部公开数据</p>
|
|
|
<p>报告生成日期：2023年11月15日</p>
|
|
|
</footer>
|
|
|
|
|
|
<script>
|
|
|
// 等待页面完全加载后再初始化图表
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
try {
|
|
|
initializeCharts();
|
|
|
} catch (error) {
|
|
|
console.error('图表初始化失败:', error);
|
|
|
// 显示错误信息
|
|
|
document.querySelectorAll('.loading').forEach(function(el) {
|
|
|
el.textContent = '图表加载失败，请检查网络连接或刷新页面';
|
|
|
el.style.color = '#e74c3c';
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 窗口大小变化时重新调整图表大小
|
|
|
window.addEventListener('resize', function() {
|
|
|
if (window.charts) {
|
|
|
Object.values(window.charts).forEach(function(chart) {
|
|
|
if (chart && typeof chart.resize === 'function') {
|
|
|
chart.resize();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 存储所有图表实例
|
|
|
window.charts = {};
|
|
|
|
|
|
function initializeCharts() {
|
|
|
// 1. 人口变化趋势图（折线图）
|
|
|
var populationTrendChart = echarts.init(document.getElementById('population-trend'));
|
|
|
window.charts.populationTrend = populationTrendChart;
|
|
|
populationTrendChart.setOption({
|
|
|
title: {
|
|
|
text: '2010-2023年我国0-18岁人口变化趋势（单位：万人）'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
},
|
|
|
legend: {
|
|
|
data: ['0-6岁', '6-12岁', '12-15岁', '15-18岁']
|
|
|
},
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
boundaryGap: false,
|
|
|
data: ['2010', '2012', '2014', '2016', '2018', '2020', '2022', '2023']
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value'
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '0-6岁',
|
|
|
type: 'line',
|
|
|
data: [9800, 10100, 10500, 10800, 10400, 9800, 9200, 8900],
|
|
|
smooth: true
|
|
|
},
|
|
|
{
|
|
|
name: '6-12岁',
|
|
|
type: 'line',
|
|
|
data: [10200, 10500, 10800, 11200, 11000, 10700, 10300, 10100],
|
|
|
smooth: true
|
|
|
},
|
|
|
{
|
|
|
name: '12-15岁',
|
|
|
type: 'line',
|
|
|
data: [6800, 7000, 7200, 7500, 7800, 8000, 8200, 8300],
|
|
|
smooth: true
|
|
|
},
|
|
|
{
|
|
|
name: '15-18岁',
|
|
|
type: 'line',
|
|
|
data: [6500, 6700, 6900, 7100, 7300, 7500, 7700, 7800],
|
|
|
smooth: true
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 2. 教育规模分布图（柱状图）
|
|
|
var educationScaleChart = echarts.init(document.getElementById('education-scale'));
|
|
|
window.charts.educationScale = educationScaleChart;
|
|
|
educationScaleChart.setOption({
|
|
|
title: {
|
|
|
text: '2023年我国各级教育机构数量分布（单位：所）'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
data: ['幼儿园', '小学', '初中', '普通高中', '中等职业学校', '高等院校'],
|
|
|
axisLabel: {
|
|
|
interval: 0,
|
|
|
rotate: 30
|
|
|
}
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value'
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '数量',
|
|
|
type: 'bar',
|
|
|
data: [291700, 157200, 52900, 14200, 9890, 3012],
|
|
|
itemStyle: {
|
|
|
color: function(params) {
|
|
|
var colorList = ['#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae', '#749f83'];
|
|
|
return colorList[params.dataIndex];
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 3. 城乡人口对比图（饼图）
|
|
|
var urbanRuralChart = echarts.init(document.getElementById('urban-rural'));
|
|
|
window.charts.urbanRural = urbanRuralChart;
|
|
|
urbanRuralChart.setOption({
|
|
|
title: {
|
|
|
text: '2023年我国城乡学龄人口分布比例'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item'
|
|
|
},
|
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
|
left: 'left'
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '人口分布',
|
|
|
type: 'pie',
|
|
|
radius: '50%',
|
|
|
data: [
|
|
|
{ value: 42.3, name: '城市' },
|
|
|
{ value: 32.1, name: '县城' },
|
|
|
{ value: 25.6, name: '农村' }
|
|
|
],
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
},
|
|
|
label: {
|
|
|
formatter: '{b}: {d}%'
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 4. 学龄人口预测图（面积图）
|
|
|
var schoolAgeChart = echarts.init(document.getElementById('school-age'));
|
|
|
window.charts.schoolAge = schoolAgeChart;
|
|
|
schoolAgeChart.setOption({
|
|
|
title: {
|
|
|
text: '2023-2035年我国学龄人口预测（单位：万人）'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'cross',
|
|
|
label: {
|
|
|
backgroundColor: '#6a7985'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
data: ['3-6岁', '6-12岁', '12-15岁', '15-18岁']
|
|
|
},
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
boundaryGap: false,
|
|
|
data: ['2023', '2025', '2027', '2029', '2031', '2033', '2035']
|
|
|
}
|
|
|
],
|
|
|
yAxis: [
|
|
|
{
|
|
|
type: 'value'
|
|
|
}
|
|
|
],
|
|
|
series: [
|
|
|
{
|
|
|
name: '3-6岁',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: [4800, 4600, 4400, 4200, 4100, 4000, 3900]
|
|
|
},
|
|
|
{
|
|
|
name: '6-12岁',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: [10100, 9800, 9500, 9200, 9000, 8800, 8600]
|
|
|
},
|
|
|
{
|
|
|
name: '12-15岁',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: [8300, 8500, 8400, 8200, 8000, 7800, 7600]
|
|
|
},
|
|
|
{
|
|
|
name: '15-18岁',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: [7800, 7700, 7600, 7500, 7400, 7300, 7200]
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 5. 教育资源配置图（雷达图）
|
|
|
var resourceAllocationChart = echarts.init(document.getElementById('resource-allocation'));
|
|
|
window.charts.resourceAllocation = resourceAllocationChart;
|
|
|
resourceAllocationChart.setOption({
|
|
|
title: {
|
|
|
text: '我国各地区教育资源配置对比'
|
|
|
},
|
|
|
legend: {
|
|
|
data: ['东部地区', '中部地区', '西部地区']
|
|
|
},
|
|
|
radar: {
|
|
|
indicator: [
|
|
|
{ name: '师生比', max: 100 },
|
|
|
{ name: '校舍面积', max: 100 },
|
|
|
{ name: '信息化设备', max: 100 },
|
|
|
{ name: '图书资源', max: 100 },
|
|
|
{ name: '体育设施', max: 100 },
|
|
|
{ name: '实验设备', max: 100 }
|
|
|
]
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '资源配置',
|
|
|
type: 'radar',
|
|
|
data: [
|
|
|
{
|
|
|
value: [85, 90, 92, 88, 82, 86],
|
|
|
name: '东部地区'
|
|
|
},
|
|
|
{
|
|
|
value: [72, 75, 68, 70, 65, 63],
|
|
|
name: '中部地区'
|
|
|
},
|
|
|
{
|
|
|
value: [60, 65, 58, 62, 55, 52],
|
|
|
name: '西部地区'
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 6. 区域教育发展对比图（条形图）
|
|
|
var regionalComparisonChart = echarts.init(document.getElementById('regional-comparison'));
|
|
|
window.charts.regionalComparison = regionalComparisonChart;
|
|
|
regionalComparisonChart.setOption({
|
|
|
title: {
|
|
|
text: '2023年我国七大区域教育发展指标对比'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
data: ['入学率', '升学率', '师资力量', '教育投入', '教育质量']
|
|
|
},
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'value',
|
|
|
boundaryGap: [0, 0.01]
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'category',
|
|
|
data: ['华东', '华北', '华中', '华南', '西南', '西北', '东北']
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '入学率',
|
|
|
type: 'bar',
|
|
|
data: [99.2, 98.8, 98.5, 98.3, 97.6, 96.8, 97.2]
|
|
|
},
|
|
|
{
|
|
|
name: '升学率',
|
|
|
type: 'bar',
|
|
|
data: [95.5, 94.8, 93.2, 92.7, 90.5, 89.3, 91.2]
|
|
|
},
|
|
|
{
|
|
|
name: '师资力量',
|
|
|
type: 'bar',
|
|
|
data: [88, 85, 82, 80, 75, 72, 78]
|
|
|
},
|
|
|
{
|
|
|
name: '教育投入',
|
|
|
type: 'bar',
|
|
|
data: [90, 88, 80, 82, 75, 70, 78]
|
|
|
},
|
|
|
{
|
|
|
name: '教育质量',
|
|
|
type: 'bar',
|
|
|
data: [85, 83, 78, 80, 72, 68, 75]
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 7. 教育投入产出分析图（散点图）
|
|
|
var inputOutputChart = echarts.init(document.getElementById('input-output'));
|
|
|
window.charts.inputOutput = inputOutputChart;
|
|
|
inputOutputChart.setOption({
|
|
|
title: {
|
|
|
text: '各省份教育投入与产出效率关系分析'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: function(params) {
|
|
|
return params.seriesName + '<br/>' +
|
|
|
'投入指数: ' + params.value[0] + '<br/>' +
|
|
|
'产出指数: ' + params.value[1] + '<br/>' +
|
|
|
'省份: ' + params.name;
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '7%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'value',
|
|
|
name: '教育投入指数',
|
|
|
nameLocation: 'middle',
|
|
|
nameGap: 30,
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
type: 'dashed'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value',
|
|
|
name: '教育产出指数',
|
|
|
nameLocation: 'middle',
|
|
|
nameGap: 30,
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
type: 'dashed'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '省份数据',
|
|
|
type: 'scatter',
|
|
|
symbolSize: function(data) {
|
|
|
return Math.sqrt(data[2]) * 2;
|
|
|
},
|
|
|
data: [
|
|
|
[85, 90, 95, '北京'],
|
|
|
[82, 88, 92, '上海'],
|
|
|
[78, 85, 88, '江苏'],
|
|
|
[75, 82, 85, '浙江'],
|
|
|
[72, 78, 82, '广东'],
|
|
|
[68, 75, 78, '山东'],
|
|
|
[65, 72, 75, '福建'],
|
|
|
[62, 68, 72, '河南'],
|
|
|
[58, 65, 68, '湖北'],
|
|
|
[55, 62, 65, '湖南'],
|
|
|
[52, 58, 62, '四川'],
|
|
|
[48, 55, 58, '陕西'],
|
|
|
[45, 52, 55, '云南'],
|
|
|
[42, 48, 52, '贵州'],
|
|
|
[38, 45, 48, '甘肃'],
|
|
|
[35, 42, 45, '青海'],
|
|
|
[32, 38, 42, '宁夏'],
|
|
|
[28, 35, 38, '新疆'],
|
|
|
[25, 32, 35, '西藏']
|
|
|
],
|
|
|
itemStyle: {
|
|
|
color: function(params) {
|
|
|
var colors = ['#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae'];
|
|
|
return colors[params.dataIndex % colors.length];
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 8. 师资力量分布图（热力图）
|
|
|
var teacherDistributionChart = echarts.init(document.getElementById('teacher-distribution'));
|
|
|
window.charts.teacherDistribution = teacherDistributionChart;
|
|
|
teacherDistributionChart.setOption({
|
|
|
title: {
|
|
|
text: '我国各省份各级教育师资力量分布热力图'
|
|
|
},
|
|
|
tooltip: {
|
|
|
position: 'top',
|
|
|
formatter: function(params) {
|
|
|
var provinces = ['北京', '天津', '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江', '上海', '江苏', '浙江', '安徽', '福建', '江西', '山东', '河南', '湖北', '湖南', '广东', '广西', '海南', '重庆', '四川', '贵州', '云南', '西藏'];
|
|
|
var educationLevels = ['学前教育', '小学教育', '初中教育', '高中教育', '职业教育', '高等教育'];
|
|
|
return provinces[params.value[0]] + ' - ' + educationLevels[params.value[1]] + '<br/>师资指数: ' + params.value[2];
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
height: '50%',
|
|
|
top: '10%'
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
data: ['学前教育', '小学教育', '初中教育', '高中教育', '中职', '高校'],
|
|
|
splitArea: {
|
|
|
show: true
|
|
|
}
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'category',
|
|
|
data: ['北京', '天津', '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江', '上海', '江苏', '浙江', '安徽', '福建', '江西', '山东', '河南', '湖北', '湖南', '广东', '广西', '海南', '重庆', '四川', '贵州', '云南', '西藏'],
|
|
|
splitArea: {
|
|
|
show: true
|
|
|
}
|
|
|
},
|
|
|
visualMap: {
|
|
|
min: 0,
|
|
|
max: 100,
|
|
|
calculable: true,
|
|
|
orient: 'horizontal',
|
|
|
left: 'center',
|
|
|
bottom: '15%'
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '师资力量',
|
|
|
type: 'heatmap',
|
|
|
data: [
|
|
|
[0, 0, 95], [0, 1, 92], [0, 2, 90], [0, 3, 88], [0, 4, 85], [0, 5, 92],
|
|
|
[1, 0, 88], [1, 1, 85], [1, 2, 82], [1, 3, 80], [1, 4, 78], [1, 5, 90],
|
|
|
[2, 0, 75], [2, 1, 72], [2, 2, 70], [2, 3, 68], [2, 4, 65], [2, 5, 80],
|
|
|
[3, 0, 72], [3, 1, 68], [3, 2, 65], [3, 3, 62], [3, 4, 60], [3, 5, 75],
|
|
|
[4, 0, 70], [4, 1, 65], [4, 2, 60], [4, 3, 55], [4, 4, 52], [4, 5, 78],
|
|
|
[5, 0, 68], [5, 1, 62], [5, 2, 58], [5, 3, 52], [5, 4, 50], [5, 5, 75],
|
|
|
[6, 0, 65], [6, 1, 60], [6, 2, 55], [6, 3, 50], [6, 4, 48], [6, 5, 72],
|
|
|
[7, 0, 62], [7, 1, 58], [7, 2, 52], [7, 3, 48], [7, 4, 45], [7, 5, 70],
|
|
|
[8, 0, 92], [8, 1, 88], [8, 2, 85], [8, 3, 82], [8, 4, 80], [8, 5, 95],
|
|
|
[9, 0, 85], [9, 1, 82], [9, 2, 78], [9, 3, 75], [9, 4, 72], [9, 5, 88],
|
|
|
[10, 0, 82], [10, 1, 78], [10, 2, 75], [10, 3, 72], [10, 4, 70], [10, 5, 85],
|
|
|
[11, 0, 78], [11, 1, 75], [11, 2, 72], [11, 3, 68], [11, 4, 65], [11, 5, 82],
|
|
|
[12, 0, 80], [12, 1, 76], [12, 2, 73], [12, 3, 70], [12, 4, 68], [12, 5, 83],
|
|
|
[13, 0, 75], [13, 1, 72], [13, 2, 68], [13, 3, 65], [13, 4, 62], [13, 5, 78],
|
|
|
[14, 0, 78], [14, 1, 74], [14, 2, 71], [14, 3, 68], [14, 4, 65], [14, 5, 81],
|
|
|
[15, 0, 72], [15, 1, 68], [15, 2, 65], [15, 3, 62], [15, 4, 58], [15, 5, 75],
|
|
|
[16, 0, 76], [16, 1, 72], [16, 2, 68], [16, 3, 65], [16, 4, 62], [16, 5, 79],
|
|
|
[17, 0, 74], [17, 1, 70], [17, 2, 66], [17, 3, 63], [17, 4, 60], [17, 5, 77],
|
|
|
[18, 0, 83], [18, 1, 79], [18, 2, 76], [18, 3, 73], [18, 4, 70], [18, 5, 86],
|
|
|
[19, 0, 70], [19, 1, 66], [19, 2, 62], [19, 3, 58], [19, 4, 55], [19, 5, 73],
|
|
|
[20, 0, 68], [20, 1, 64], [20, 2, 60], [20, 3, 56], [20, 4, 53], [20, 5, 71],
|
|
|
[21, 0, 74], [21, 1, 70], [21, 2, 66], [21, 3, 62], [21, 4, 59], [21, 5, 77],
|
|
|
[22, 0, 71], [22, 1, 67], [22, 2, 63], [22, 3, 59], [22, 4, 56], [22, 5, 74],
|
|
|
[23, 0, 65], [23, 1, 61], [23, 2, 57], [23, 3, 53], [23, 4, 50], [23, 5, 68],
|
|
|
[24, 0, 62], [24, 1, 58], [24, 2, 54], [24, 3, 50], [24, 4, 47], [24, 5, 65],
|
|
|
[25, 0, 45], [25, 1, 41], [25, 2, 37], [25, 3, 33], [25, 4, 30], [25, 5, 48]
|
|
|
],
|
|
|
label: {
|
|
|
show: false
|
|
|
},
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 9. 综合发展指数图（仪表盘图）
|
|
|
var developmentIndexChart = echarts.init(document.getElementById('development-index'));
|
|
|
window.charts.developmentIndex = developmentIndexChart;
|
|
|
developmentIndexChart.setOption({
|
|
|
title: {
|
|
|
text: '我国教育综合发展指数评估',
|
|
|
subtext: '当前指数：72.5（满分100）'
|
|
|
},
|
|
|
tooltip: {
|
|
|
formatter: '{a} <br/>{b} : {c}'
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '发展指数',
|
|
|
type: 'gauge',
|
|
|
min: 0,
|
|
|
max: 100,
|
|
|
splitNumber: 10,
|
|
|
radius: '90%',
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
width: 30,
|
|
|
color: [
|
|
|
[0.3, '#67e0e3'],
|
|
|
[0.7, '#37a2da'],
|
|
|
[1, '#fd666d']
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
pointer: {
|
|
|
itemStyle: {
|
|
|
color: 'auto'
|
|
|
}
|
|
|
},
|
|
|
axisTick: {
|
|
|
distance: -30,
|
|
|
length: 8,
|
|
|
lineStyle: {
|
|
|
color: '#fff',
|
|
|
width: 2
|
|
|
}
|
|
|
},
|
|
|
splitLine: {
|
|
|
distance: -30,
|
|
|
length: 30,
|
|
|
lineStyle: {
|
|
|
color: '#fff',
|
|
|
width: 4
|
|
|
}
|
|
|
},
|
|
|
axisLabel: {
|
|
|
color: 'auto',
|
|
|
distance: 40,
|
|
|
fontSize: 14
|
|
|
},
|
|
|
detail: {
|
|
|
valueAnimation: true,
|
|
|
formatter: '{value}',
|
|
|
color: 'auto',
|
|
|
fontSize: 30,
|
|
|
offsetCenter: [0, '70%']
|
|
|
},
|
|
|
data: [
|
|
|
{
|
|
|
value: 72.5,
|
|
|
name: '综合指数'
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
});
|
|
|
|
|
|
// 清除加载提示
|
|
|
document.querySelectorAll('.loading').forEach(function(el) {
|
|
|
el.style.display = 'none';
|
|
|
});
|
|
|
|
|
|
console.log('所有图表初始化完成');
|
|
|
}
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
|
|
|
