|
|
|
|
|
<!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>
|
