|
|
<!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="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
|
|
|
<style>
|
|
|
body { font-family: 'Microsoft YaHei', Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; background-color: #f5f5f5; }
|
|
|
.container { max-width: 1200px; margin: 0 auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
|
|
|
.chart-container { width: 100%; height: 450px; margin: 30px 0; padding: 20px; background: #fafafa; border-radius: 8px; border: 1px solid #e0e0e0; position: relative; overflow: hidden; }
|
|
|
.chart-container canvas { max-width: 100% !important; height: auto !important; }
|
|
|
.section { margin-bottom: 50px; clear: both; }
|
|
|
h1, h2, h3 { margin-top: 30px; margin-bottom: 15px; clear: both; }
|
|
|
p { margin-bottom: 15px; text-align: justify; }
|
|
|
@media (max-width: 768px) {
|
|
|
.chart-container { height: 300px; margin: 15px 0; }
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<h1>楚雄州与文山州人口变化趋势对基础教育的影响分析报告</h1>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>报告摘要</h2>
|
|
|
<p>本报告分析了楚雄州与文山州2012-2035年间的人口变化趋势及其对基础教育资源配置的影响。数据显示，两州常住人口均呈现下降趋势，城镇人口缓慢增长而乡村人口显著减少，这对教育资源配置提出了新的挑战。</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>总人口变化趋势</h2>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="populationTrendChart" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<p>楚雄州常住人口呈先增长后下降趋势，峰值出现在2019年达275.5万人；2020年后呈现明显下降趋势。文山州总人口均成持续下降趋势，年增长率约为-2.04%。</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>城乡人口变化趋势</h2>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="urbanRuralTrendChart1" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="urbanRuralTrendChart2" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<p>楚雄州城乡常住人口数量呈现波浪式下降趋势，2020年出现拐点，城镇人口下降至108.3万人；2022年开始乡村人口数量呈显著减少趋势。文山州城镇人口数量呈缓慢增长趋势，乡村人口数量呈显著减少趋势。</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>学生数量变化趋势</h2>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="studentTrendChart1" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="studentTrendChart2" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="studentComparisonChart" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<p>楚雄州学前、小学、初中、高中各学段学生数量总体呈现下降趋势，城区学生数量略有增加而乡村显著减少。文山州各学段学生数量也呈现下降趋势，但乡村学生数量所占比重仍然较大。</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>教职工需求变化</h2>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="teacherTrendChart1" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="teacherTrendChart2" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<p>楚雄州基础教育教职工数总体需求下降平缓，各学段教职工需求均有所减少。文山州基础教育教职工数总体需求呈缓慢下降趋势，区域性、结构性、学科性短缺将长期存在。</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>学校占地面积需求</h2>
|
|
|
<div class="chart-container">
|
|
|
<canvas id="schoolAreaChart" style="width: 100%; height: 400px;"></canvas>
|
|
|
</div>
|
|
|
<p>楚雄州基础教育学校占地面积总量需求减少平缓，各学段占地面积均有所减少。文山州基础教育学校占地面积总量需求增长放缓，总体上基本满足需求。</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="section">
|
|
|
<h2>结论与建议</h2>
|
|
|
<p>1. 两州人口均呈现下降趋势，特别是乡村人口减少明显，需合理调整乡村学校布局。</p>
|
|
|
<p>2. 城镇人口缓慢增长，需加强城镇学校建设以满足新增需求。</p>
|
|
|
<p>3. 教职工需求总体下降，但结构性短缺问题突出，需优化师资配置。</p>
|
|
|
<p>4. 学校占地面积需求变化不大，可考虑将部分闲置校舍改造为其他教育用途。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
// 图表1：总人口变化趋势图
|
|
|
const populationTrendCtx = document.getElementById('populationTrendChart').getContext('2d');
|
|
|
const populationTrendChart = new Chart(populationTrendCtx, {
|
|
|
type: 'line',
|
|
|
data: {
|
|
|
labels: ['2012', '2015', '2018', '2019', '2020', '2021', '2022', '2025', '2030', '2035'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '楚雄州总人口(万人)',
|
|
|
data: [268, 272, 274, 275.5, 241.7, 239.1, 237.2, 230, 215, 200],
|
|
|
borderColor: 'rgba(54, 162, 235, 1)',
|
|
|
backgroundColor: 'rgba(54, 162, 235, 0.2)',
|
|
|
tension: 0.1
|
|
|
},
|
|
|
{
|
|
|
label: '文山州总人口(万人)',
|
|
|
data: [350, 345, 340, 338, 336, 335, 345.4, 340, 330, 303.5],
|
|
|
borderColor: 'rgba(255, 99, 132, 1)',
|
|
|
backgroundColor: 'rgba(255, 99, 132, 0.2)',
|
|
|
tension: 0.1
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '楚雄州与文山州总人口变化趋势(2012-2035)'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: false,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '人口(万人)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 图表2：城乡人口变化趋势图1
|
|
|
const urbanRuralTrend1Ctx = document.getElementById('urbanRuralTrendChart1').getContext('2d');
|
|
|
const urbanRuralTrendChart1 = new Chart(urbanRuralTrend1Ctx, {
|
|
|
type: 'line',
|
|
|
data: {
|
|
|
labels: ['2012', '2015', '2018', '2019', '2020', '2021', '2022', '2025', '2030', '2035'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '楚雄州城镇人口(万人)',
|
|
|
data: [120, 123, 126, 128.2, 108.3, 109, 111.08, 115, 120, 125],
|
|
|
borderColor: 'rgba(54, 162, 235, 1)',
|
|
|
backgroundColor: 'rgba(54, 162, 235, 0.2)',
|
|
|
tension: 0.1
|
|
|
},
|
|
|
{
|
|
|
label: '楚雄州乡村人口(万人)',
|
|
|
data: [148, 149, 148, 147.3, 133.4, 130.1, 126.1, 115, 95, 81],
|
|
|
borderColor: 'rgba(75, 192, 192, 1)',
|
|
|
backgroundColor: 'rgba(75, 192, 192, 0.2)',
|
|
|
tension: 0.1
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '楚雄州城乡人口变化趋势(2012-2035)'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: false,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '人口(万人)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 图表3：城乡人口变化趋势图2
|
|
|
const urbanRuralTrend2Ctx = document.getElementById('urbanRuralTrendChart2').getContext('2d');
|
|
|
const urbanRuralTrendChart2 = new Chart(urbanRuralTrend2Ctx, {
|
|
|
type: 'line',
|
|
|
data: {
|
|
|
labels: ['2012', '2015', '2018', '2019', '2020', '2021', '2022', '2025', '2030', '2035'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '文山州城镇人口(万人)',
|
|
|
data: [130, 135, 140, 142, 145, 148, 150, 155, 160, 165],
|
|
|
borderColor: 'rgba(255, 99, 132, 1)',
|
|
|
backgroundColor: 'rgba(255, 99, 132, 0.2)',
|
|
|
tension: 0.1
|
|
|
},
|
|
|
{
|
|
|
label: '文山州乡村人口(万人)',
|
|
|
data: [220, 210, 200, 196, 191, 187, 195.4, 185, 170, 138.5],
|
|
|
borderColor: 'rgba(153, 102, 255, 1)',
|
|
|
backgroundColor: 'rgba(153, 102, 255, 0.2)',
|
|
|
tension: 0.1
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '文山州城乡人口变化趋势(2012-2035)'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: false,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '人口(万人)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 图表4：学生数量变化趋势图1
|
|
|
const studentTrend1Ctx = document.getElementById('studentTrendChart1').getContext('2d');
|
|
|
const studentTrendChart1 = new Chart(studentTrend1Ctx, {
|
|
|
type: 'line',
|
|
|
data: {
|
|
|
labels: ['2012', '2015', '2018', '2019', '2020', '2021', '2022', '2025', '2030', '2035'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '楚雄州学前在园幼儿(万人)',
|
|
|
data: [5.5, 6.0, 6.8, 7.2, 7.4, 7.5, 7.5, 7.2, 6.9, 6.64],
|
|
|
borderColor: 'rgba(54, 162, 235, 1)',
|
|
|
backgroundColor: 'rgba(54, 162, 235, 0.2)',
|
|
|
tension: 0.1
|
|
|
},
|
|
|
{
|
|
|
label: '楚雄州小学生在校生(万人)',
|
|
|
data: [16.5, 15.8, 15.2, 15.0, 14.9, 14.85, 14.83, 14.2, 13.6, 13.12],
|
|
|
borderColor: 'rgba(255, 99, 132, 1)',
|
|
|
backgroundColor: 'rgba(255, 99, 132, 0.2)',
|
|
|
tension: 0.1
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '楚雄州学前与小学学生数量变化趋势(2012-2035)'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: false,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '学生数量(万人)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 图表5：学生数量变化趋势图2
|
|
|
const studentTrend2Ctx = document.getElementById('studentTrendChart2').getContext('2d');
|
|
|
const studentTrendChart2 = new Chart(studentTrend2Ctx, {
|
|
|
type: 'line',
|
|
|
data: {
|
|
|
labels: ['2012', '2015', '2018', '2019', '2020', '2021', '2022', '2025', '2030', '2035'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '楚雄州初中在校生(万人)',
|
|
|
data: [7.5, 7.2, 7.0, 6.9, 6.8, 6.75, 6.74, 6.6, 6.5, 6.74],
|
|
|
borderColor: 'rgba(75, 192, 192, 1)',
|
|
|
backgroundColor: 'rgba(75, 192, 192, 0.2)',
|
|
|
tension: 0.1
|
|
|
},
|
|
|
{
|
|
|
label: '楚雄州高中在校生(万人)',
|
|
|
data: [4.07, 4.5, 4.8, 4.9, 5.0, 5.05, 5.1, 4.8, 4.6, 4.34],
|
|
|
borderColor: 'rgba(153, 102, 255, 1)',
|
|
|
backgroundColor: 'rgba(153, 102, 255, 0.2)',
|
|
|
tension: 0.1
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '楚雄州初中与高中学生数量变化趋势(2012-2035)'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: false,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '学生数量(万人)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 图表6：学生数量对比图
|
|
|
const studentComparisonCtx = document.getElementById('studentComparisonChart').getContext('2d');
|
|
|
const studentComparisonChart = new Chart(studentComparisonCtx, {
|
|
|
type: 'bar',
|
|
|
data: {
|
|
|
labels: ['学前', '小学', '初中', '高中'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '楚雄州2035年预测(万人)',
|
|
|
data: [6.64, 13.12, 6.74, 4.34],
|
|
|
backgroundColor: 'rgba(54, 162, 235, 0.7)'
|
|
|
},
|
|
|
{
|
|
|
label: '文山州2035年预测(万人)',
|
|
|
data: [14.83, 32.02, 16.2, 7.86],
|
|
|
backgroundColor: 'rgba(255, 99, 132, 0.7)'
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '楚雄州与文山州2035年各学段学生数量预测对比'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: true,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '学生数量(万人)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 图表7：教职工需求变化趋势图1
|
|
|
const teacherTrend1Ctx = document.getElementById('teacherTrendChart1').getContext('2d');
|
|
|
const teacherTrendChart1 = new Chart(teacherTrend1Ctx, {
|
|
|
type: 'line',
|
|
|
data: {
|
|
|
labels: ['2023', '2025', '2030', '2035'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '楚雄州学前教职工(万人)',
|
|
|
data: [1.06, 1.02, 0.98, 0.95],
|
|
|
borderColor: 'rgba(54, 162, 235, 1)',
|
|
|
backgroundColor: 'rgba(54, 162, 235, 0.2)',
|
|
|
tension: 0.1
|
|
|
},
|
|
|
{
|
|
|
label: '楚雄州小学教职工(万人)',
|
|
|
data: [0.77, 0.74, 0.71, 0.69],
|
|
|
borderColor: 'rgba(255, 99, 132, 1)',
|
|
|
backgroundColor: 'rgba(255, 99, 132, 0.2)',
|
|
|
tension: 0.1
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '楚雄州学前与小学教职工需求变化趋势(2023-2035)'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: false,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '教职工数量(万人)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 图表8：教职工需求变化趋势图2
|
|
|
const teacherTrend2Ctx = document.getElementById('teacherTrendChart2').getContext('2d');
|
|
|
const teacherTrendChart2 = new Chart(teacherTrend2Ctx, {
|
|
|
type: 'line',
|
|
|
data: {
|
|
|
labels: ['2023', '2025', '2030', '2035'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '楚雄州初中教职工(万人)',
|
|
|
data: [0.56, 0.54, 0.52, 0.50],
|
|
|
borderColor: 'rgba(75, 192, 192, 1)',
|
|
|
backgroundColor: 'rgba(75, 192, 192, 0.2)',
|
|
|
tension: 0.1
|
|
|
},
|
|
|
{
|
|
|
label: '楚雄州高中教职工(万人)',
|
|
|
data: [0.40, 0.38, 0.36, 0.35],
|
|
|
borderColor: 'rgba(153, 102, 255, 1)',
|
|
|
backgroundColor: 'rgba(153, 102, 255, 0.2)',
|
|
|
tension: 0.1
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '楚雄州初中与高中教职工需求变化趋势(2023-2035)'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: false,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '教职工数量(万人)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 图表9：学校占地面积需求对比图
|
|
|
const schoolAreaCtx = document.getElementById('schoolAreaChart').getContext('2d');
|
|
|
const schoolAreaChart = new Chart(schoolAreaCtx, {
|
|
|
type: 'bar',
|
|
|
data: {
|
|
|
labels: ['学前', '小学', '初中', '高中'],
|
|
|
datasets: [
|
|
|
{
|
|
|
label: '楚雄州2023年(万平方米)',
|
|
|
data: [74.3, 186.5, 124.4, 166.6],
|
|
|
backgroundColor: 'rgba(54, 162, 235, 0.7)'
|
|
|
},
|
|
|
{
|
|
|
label: '楚雄州2035年预测(万平方米)',
|
|
|
data: [66.4, 166.6, 111.2, 143.2],
|
|
|
backgroundColor: 'rgba(255, 99, 132, 0.7)'
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
options: {
|
|
|
responsive: true,
|
|
|
maintainAspectRatio: false,
|
|
|
plugins: {
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '楚雄州基础教育学校占地面积需求变化(2023-2035)'
|
|
|
},
|
|
|
tooltip: {
|
|
|
mode: 'index',
|
|
|
intersect: false
|
|
|
}
|
|
|
},
|
|
|
scales: {
|
|
|
y: {
|
|
|
beginAtZero: true,
|
|
|
title: {
|
|
|
display: true,
|
|
|
text: '占地面积(万平方米)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 窗口大小变化时重新调整图表
|
|
|
window.addEventListener('resize', function() {
|
|
|
populationTrendChart.resize();
|
|
|
urbanRuralTrendChart1.resize();
|
|
|
urbanRuralTrendChart2.resize();
|
|
|
studentTrendChart1.resize();
|
|
|
studentTrendChart2.resize();
|
|
|
studentComparisonChart.resize();
|
|
|
teacherTrendChart1.resize();
|
|
|
teacherTrendChart2.resize();
|
|
|
schoolAreaChart.resize();
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
