You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
YunNanDsBase/WebRoot/upload/文山州与楚雄州_教育分析报告_20250616_112...

554 lines
25 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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>
<p>文山州和楚雄州在2012-2022年间均呈现人口下降趋势预计到2035年这一趋势将持续。文山州年均增长率约为-2.04%楚雄州年均下降约2.54万人。</p>
<div class="chart-container">
<canvas id="populationTrendChart" style="width: 100%; height: 400px;"></canvas>
</div>
</div>
<div class="section">
<h2>城乡人口变化趋势</h2>
<p>两州均呈现城镇人口缓慢增长、乡村人口显著减少的特点。文山州人口向州府所在地转移为文山市发展成为50万人口区域性中心城市奠定基础同时也对城区教育发展提出新挑战。</p>
<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>
</div>
<div class="section">
<h2>学生数量变化趋势</h2>
<p>从学前到高中各学段,两州学生数量均呈现下降趋势,乡村学生减少尤为明显。这种变化将对教育资源配置产生深远影响,需要调整城乡教育布局。</p>
<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>
</div>
<div class="section">
<h2>教职工需求变化</h2>
<p>两州基础教育教职工数总体需求均呈缓慢下降趋势,但区域性、结构性、学科性短缺将长期存在。需要优化教师资源配置,提高教师队伍质量。</p>
<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>
</div>
<div class="section">
<h2>学校占地面积需求</h2>
<p>两州基础教育学校占地面积总量需求增长放缓或减少,总体上基本满足需求。但需要根据人口流动情况调整城乡学校布局,提高资源利用效率。</p>
<div class="chart-container">
<canvas id="schoolAreaChart" style="width: 100%; height: 400px;"></canvas>
</div>
</div>
<div class="section">
<h2>结论与建议</h2>
<p>1. 根据人口变化趋势,合理规划城乡教育资源配置,优化学校布局。</p>
<p>2. 加强教师队伍建设,解决区域性、结构性、学科性短缺问题。</p>
<p>3. 提高教育资源利用效率,避免资源浪费。</p>
<p>4. 关注乡村教育发展,保障教育公平。</p>
<p>5. 建立动态监测机制,及时调整教育发展规划。</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', '2021', '2024', '2027', '2030', '2033', '2035'],
datasets: [
{
label: '文山州总人口(万人)',
data: [345.4, 338.2, 331.0, 323.8, 316.6, 309.4, 302.2, 305.0, 303.5],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.1
},
{
label: '楚雄州总人口(万人)',
data: [268.0, 272.0, 275.5, 239.1, 234.0, 221.5, 206.0, 190.5, 175.0],
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', '2021', '2024', '2027', '2030', '2033', '2035'],
datasets: [
{
label: '文山州城镇人口(万人)',
data: [120.0, 125.0, 130.0, 135.0, 140.0, 145.0, 150.0, 155.0, 160.0],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.1
},
{
label: '文山州乡村人口(万人)',
data: [225.4, 213.2, 201.0, 188.8, 176.6, 164.4, 152.2, 150.0, 143.5],
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', '2021', '2024', '2027', '2030', '2033', '2035'],
datasets: [
{
label: '楚雄州城镇人口(万人)',
data: [115.0, 120.0, 128.2, 111.08, 113.0, 115.0, 117.0, 119.0, 121.0],
borderColor: 'rgba(255, 99, 132, 1)',
backgroundColor: 'rgba(255, 99, 132, 0.2)',
tension: 0.1
},
{
label: '楚雄州乡村人口(万人)',
data: [153.0, 152.0, 147.3, 126.1, 121.0, 106.5, 89.0, 71.5, 54.0],
borderColor: 'rgba(255, 159, 64, 1)',
backgroundColor: 'rgba(255, 159, 64, 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', '2021', '2024', '2027', '2030', '2033', '2035'],
datasets: [
{
label: '文山州学前在园幼儿(万人)',
data: [12.0, 13.5, 15.0, 16.5, 15.5, 14.5, 13.5, 12.5, 11.5],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.1
},
{
label: '文山州小学生在校生(万人)',
data: [36.0, 37.0, 38.0, 36.5, 35.0, 33.5, 32.0, 30.5, 29.0],
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: '学生数量(万人)'
}
}
}
}
});
// 图表5学生数量变化趋势图2
const studentTrend2Ctx = document.getElementById('studentTrendChart2').getContext('2d');
const studentTrendChart2 = new Chart(studentTrend2Ctx, {
type: 'line',
data: {
labels: ['2012', '2015', '2018', '2021', '2024', '2027', '2030', '2033', '2035'],
datasets: [
{
label: '文山州初中在校生(万人)',
data: [18.0, 18.5, 19.0, 18.5, 17.5, 16.5, 15.5, 14.5, 13.5],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.1
},
{
label: '文山州高中在校生(万人)',
data: [4.28, 5.5, 7.0, 8.5, 8.0, 7.5, 7.0, 6.5, 6.0],
borderColor: 'rgba(255, 206, 86, 1)',
backgroundColor: 'rgba(255, 206, 86, 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: '文山州2022年在校生(万人)',
data: [16.5, 36.5, 18.5, 8.5],
backgroundColor: 'rgba(54, 162, 235, 0.7)'
},
{
label: '文山州2035年预测(万人)',
data: [11.5, 29.0, 13.5, 6.0],
backgroundColor: 'rgba(54, 162, 235, 0.3)'
},
{
label: '楚雄州2022年在校生(万人)',
data: [7.5, 14.83, 7.61, 5.1],
backgroundColor: 'rgba(255, 99, 132, 0.7)'
},
{
label: '楚雄州2035年预测(万人)',
data: [6.64, 13.12, 6.74, 4.34],
backgroundColor: 'rgba(255, 99, 132, 0.3)'
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: '文山州与楚雄州各学段学生数量对比(2022 vs 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', '2027', '2029', '2031', '2033', '2035'],
datasets: [
{
label: '文山州学前教职工(万人)',
data: [0.85, 0.82, 0.79, 0.76, 0.73, 0.70, 0.67],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.1
},
{
label: '文山州小学教职工(万人)',
data: [1.25, 1.20, 1.15, 1.10, 1.05, 1.00, 0.95],
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: '文山州学前和小学教职工需求变化趋势(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', '2027', '2029', '2031', '2033', '2035'],
datasets: [
{
label: '文山州初中教职工(万人)',
data: [0.90, 0.86, 0.82, 0.78, 0.74, 0.70, 0.66],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.1
},
{
label: '文山州高中教职工(万人)',
data: [0.75, 0.72, 0.69, 0.66, 0.63, 0.60, 0.57],
borderColor: 'rgba(255, 206, 86, 1)',
backgroundColor: 'rgba(255, 206, 86, 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: [80, 200, 130, 170],
backgroundColor: 'rgba(54, 162, 235, 0.7)'
},
{
label: '文山州2035年预测(万平方米)',
data: [75, 185, 120, 155],
backgroundColor: 'rgba(54, 162, 235, 0.3)'
},
{
label: '楚雄州2023年占地面积(万平方米)',
data: [74.3, 186.5, 124.4, 166.6],
backgroundColor: 'rgba(255, 99, 132, 0.7)'
},
{
label: '楚雄州2035年预测(万平方米)',
data: [66.4, 166.6, 111.2, 143.2],
backgroundColor: 'rgba(255, 99, 132, 0.3)'
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: '文山州与楚雄州学校占地面积需求对比(2023 vs 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>