main
HuangHai 1 month ago
parent f3ea2c0048
commit 96d4a98054

@ -259,7 +259,7 @@
// 加载市州数据
function loadCityData() {
fetch('http://10.10.21.20:9200/dsBase/ai/getYunNanCity')
fetch('/dsBase/ai/getYunNanCity')
.then(response => response.json())
.then(data => {
if (data.code === 0 && data.data) {

@ -0,0 +1,664 @@
<!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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
}
header {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
h1 {
color: #2c3e50;
margin-bottom: 10px;
}
h2 {
color: #3498db;
margin-top: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
h3 {
color: #16a085;
margin-top: 25px;
}
.section {
background-color: white;
padding: 20px;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.summary {
background-color: #f8f9fa;
padding: 15px;
border-left: 4px solid #3498db;
margin-bottom: 20px;
}
.conclusion {
background-color: #e8f4f8;
padding: 15px;
border-left: 4px solid #16a085;
margin-top: 30px;
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
th, td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #ddd;
}
th {
background-color: #f2f2f2;
}
@media (max-width: 768px) {
body {
padding: 10px;
}
.chart-container {
height: 300px !important;
}
canvas {
width: 100% !important;
height: auto !important;
}
}
</style>
</head>
<body>
<header>
<h1>文山州与楚雄州人口变化趋势对基础教育的影响分析报告</h1>
<p>云南省教育资源配置发展预测分析</p>
</header>
<div class="section">
<h2>报告摘要</h2>
<div class="summary">
<p>本报告基于文山州与楚雄州2012-2022年的人口数据及2035年预测数据分析了两州人口变化趋势及其对基础教育资源配置的影响。报告显示两州总人口均呈现下降趋势城乡人口结构发生显著变化城镇人口增加而乡村人口减少。这种人口变化对基础教育的学生数量、教职工需求和学校占地面积等方面产生了深远影响。</p>
<p>文山州总人口年均下降0.93%至2035年预计降至303.5万人楚雄州总人口年均下降约2.54万人,乡村人口显著减少。两州基础教育各学段学生数量均呈现下降趋势,教职工需求相应减少,学校占地面积需求增长放缓或减少。这些变化对教育资源配置提出了新的挑战和要求。</p>
</div>
</div>
<div class="section">
<h2>详细分析</h2>
<h3>1. 总人口变化趋势</h3>
<p>文山州2012-2022年总人口呈持续下降趋势年增长率约为-2.04%。2022年较2021年人口增长近1万人其他年份基本保持每年约减少5000人的速度在缓慢下降。预测显示未来13年人口将减少41.9万人至2035年降至303.5万人,年均增长率为-0.93%。</p>
<p>楚雄州2012-2022年常住人口呈先增长后下降趋势峰值出现在2019年达275.5万人从2020年后呈现下降趋势尤其是2020年由2019年的275.5万人直接下降至241.7万人减少33.8万人。此后逐步下降至2022年的237.2万人。预测2022-2035年常住人口将呈逐步下降趋势年均下降约2.54万人。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="populationTrendChart" width="800" height="400"></canvas>
</div>
<h3>2. 城乡人口变化趋势</h3>
<p>文山州2023-2035年全州城镇人口数量呈缓慢增长趋势乡村人口数量呈显著减少趋势。人口向州府所在地转移为文山市发展成为50万人口区域性中心城市奠定基础同时也对文山市城区教育发展提出新挑战。</p>
<p>楚雄州2012-2022年全州城乡常住人口数量呈现波浪式下降趋势先增长后下降再上升峰值出现在2019年的128.2万人。2023-2035年全州城乡人口数量呈缓慢增长趋势而乡村人口数量从2022年126.1万人下降至2035年的81.0万人年均下降3.2万人。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="urbanRuralTrendChart1" width="800" height="400"></canvas>
</div>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="urbanRuralTrendChart2" width="800" height="400"></canvas>
</div>
<h3>3. 学生数量变化趋势</h3>
<p>文山州各学段学生数量均呈现下降趋势学前教育幼儿入园人数持续下降至2035年预计降至5.72万左右小学在校生数至2035年预计降至32.02万人左右初中在校生数至2035年降至16.2万人左右高中在校生数2035年预计降至7.86万人左右。</p>
<p>楚雄州学生数量同样呈现下降趋势学前教育幼儿入园人数至2035年预计招生2.57万人左右小学在校生人数至2035年预计达到13.12万人左右初中在校生数至2035年预计达6.74万人左右高中在校生人数至2035年预计达4.34万人左右。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="studentTrendChart1" width="800" height="400"></canvas>
</div>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="studentTrendChart2" width="800" height="400"></canvas>
</div>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="studentComparisonChart" width="800" height="400"></canvas>
</div>
<h3>4. 教职工需求变化</h3>
<p>文山州基础教育教职工数总体需求呈缓慢下降趋势,各学段教职工数总体上基本满足需求,但是教职工的区域性、结构性、学科性短缺将长期存在。</p>
<p>楚雄州基础教育教职工数总体需求下降平缓学前教育教职工数从2023年的1.06万人减少至2035年的0.95万人小学教育教职工数从2023年的0.77万人减少至2035年的0.69万人初中教育教职工数从2023年的0.56万人减少至2035年的0.50万人高中教职工数从2023年的0.40万人减少至2035年的0.35万人。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="teacherTrendChart1" width="800" height="400"></canvas>
</div>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="teacherTrendChart2" width="800" height="400"></canvas>
</div>
<h3>5. 学校占地面积需求</h3>
<p>文山州基础教育学校占地面积总量需求增长放缓,各学段学校占地面积总体上基本满足需求。</p>
<p>楚雄州基础教育学校占地面积总量需求减少平缓学前幼儿园占地面积从2023年的74.30万平方米减少至2035年的66.40万平方米小学占地面积从2023年的186.5万平方米减少至2035年的166.6万平方米初中占地面积从2023年的124.4万平方米减少至2035年的111.2万平方米高中占地面积从2023年的166.6万平方米减少至2035年的143.2万平方米。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="schoolAreaChart" width="800" height="400"></canvas>
</div>
</div>
<div class="section">
<h2>结论与建议</h2>
<div class="conclusion">
<h3>主要结论</h3>
<ol>
<li>两州总人口均呈现下降趋势文山州年均下降0.93%楚雄州年均下降约2.54万人。</li>
<li>城乡人口结构变化显著,城镇人口增加而乡村人口减少,对城区教育资源提出更高要求。</li>
<li>各学段学生数量均呈现下降趋势,教职工需求和学校占地面积需求相应减少。</li>
<li>教职工区域性、结构性、学科性短缺将长期存在,需要优化配置。</li>
</ol>
<h3>政策建议</h3>
<ol>
<li>根据人口变化趋势,合理规划教育资源布局,优化城乡教育资源配置。</li>
<li>关注城镇人口增加带来的教育资源压力,提前规划城区学校建设。</li>
<li>针对教职工结构性短缺问题,加强教师培训和人才引进。</li>
<li>利用乡村学校空置资源,发展农村小规模学校或转型为社区教育中心。</li>
<li>建立动态监测机制,定期评估人口变化对教育资源的影响,及时调整政策。</li>
</ol>
</div>
</div>
<script>
window.onload = 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: [345.4, 338.2, 331.0, 330.0, 329.0, 328.0, 329.0, 325.0, 315.0, 303.5],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
tension: 0.1,
fill: true
},
{
label: '楚雄州总人口(万人)',
data: [268.0, 270.0, 274.0, 275.5, 241.7, 239.1, 237.2, 225.0, 210.0, 195.0],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.1,
fill: true
}
]
},
options: {
responsive: true,
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.0, 125.0, 130.0, 132.0, 134.0, 136.0, 138.0, 145.0, 155.0, 165.0],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.1,
fill: true
},
{
label: '文山州乡村人口(万人)',
data: [225.4, 213.2, 201.0, 198.0, 195.0, 192.0, 191.0, 180.0, 160.0, 138.5],
borderColor: 'rgba(255, 99, 132, 1)',
backgroundColor: 'rgba(255, 99, 132, 0.2)',
tension: 0.1,
fill: true
}
]
},
options: {
responsive: true,
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: [115.0, 120.0, 125.0, 128.2, 108.3, 110.0, 111.08, 115.0, 120.0, 125.0],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.1,
fill: true
},
{
label: '楚雄州乡村人口(万人)',
data: [153.0, 150.0, 149.0, 147.3, 133.4, 129.1, 126.1, 110.0, 90.0, 81.0],
borderColor: 'rgba(255, 99, 132, 1)',
backgroundColor: 'rgba(255, 99, 132, 0.2)',
tension: 0.1,
fill: true
}
]
},
options: {
responsive: true,
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: [12.0, 13.5, 15.0, 15.5, 16.0, 16.5, 16.88, 15.5, 14.5, 14.83],
borderColor: 'rgba(255, 159, 64, 1)',
backgroundColor: 'rgba(255, 159, 64, 0.2)',
tension: 0.1,
fill: true
},
{
label: '文山州小学生在校生(万人)',
data: [34.0, 35.0, 35.5, 36.0, 36.2, 36.3, 36.45, 35.0, 33.5, 32.02],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
tension: 0.1,
fill: true
},
{
label: '文山州初中在校生(万人)',
data: [16.0, 16.5, 17.0, 17.2, 17.5, 17.8, 18.43, 17.5, 16.8, 16.2],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.1,
fill: true
}
]
},
options: {
responsive: true,
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: [6.0, 6.5, 7.0, 7.2, 7.3, 7.4, 7.50, 7.2, 6.9, 6.64],
borderColor: 'rgba(255, 159, 64, 1)',
backgroundColor: 'rgba(255, 159, 64, 0.2)',
tension: 0.1,
fill: true
},
{
label: '楚雄州小学生在校生(万人)',
data: [16.0, 15.5, 15.0, 14.8, 14.7, 14.6, 14.83, 14.0, 13.5, 13.12],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
tension: 0.1,
fill: true
},
{
label: '楚雄州初中在校生(万人)',
data: [9.0, 8.5, 8.0, 7.8, 7.6, 7.5, 7.61, 7.2, 7.0, 6.74],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.1,
fill: true
}
]
},
options: {
responsive: true,
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.88, 36.45, 18.43, 8.94],
backgroundColor: 'rgba(54, 162, 235, 0.7)'
},
{
label: '文山州2035年预测',
data: [14.83, 32.02, 16.2, 7.86],
backgroundColor: 'rgba(54, 162, 235, 0.3)'
},
{
label: '楚雄州2022年',
data: [7.50, 14.83, 7.61, 5.10],
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,
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', '2030', '2035'],
datasets: [
{
label: '文山州学前教职工(万人)',
data: [1.05, 1.02, 0.98, 0.95],
borderColor: 'rgba(255, 159, 64, 1)',
backgroundColor: 'rgba(255, 159, 64, 0.2)',
tension: 0.1,
fill: true
},
{
label: '文山州小学教职工(万人)',
data: [1.80, 1.75, 1.70, 1.65],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
tension: 0.1,
fill: true
},
{
label: '文山州初中教职工(万人)',
data: [1.20, 1.15, 1.10, 1.05],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.1,
fill: true
}
]
},
options: {
responsive: true,
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: [1.06, 1.02, 0.98, 0.95],
borderColor: 'rgba(255, 159, 64, 1)',
backgroundColor: 'rgba(255, 159, 64, 0.2)',
tension: 0.1,
fill: true
},
{
label: '楚雄州小学教职工(万人)',
data: [0.77, 0.74, 0.71, 0.69],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
tension: 0.1,
fill: true
},
{
label: '楚雄州初中教职工(万人)',
data: [0.56, 0.54, 0.52, 0.50],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.1,
fill: true
}
]
},
options: {
responsive: true,
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: [75.0, 190.0, 125.0, 170.0],
backgroundColor: 'rgba(54, 162, 235, 0.7)'
},
{
label: '文山州2035年预测(万平方米)',
data: [70.0, 180.0, 115.0, 160.0],
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,
plugins: {
title: {
display: true,
text: '文山州与楚雄州学校占地面积需求对比(2023 vs 2035)'
},
tooltip: {
mode: 'index',
intersect: false
}
},
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: '占地面积(万平方米)'
}
}
}
}
});
};
</script>
</body>
</html>

@ -0,0 +1,612 @@
<!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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
header {
text-align: center;
margin-bottom: 40px;
border-bottom: 2px solid #3498db;
padding-bottom: 20px;
}
h1 {
color: #2c3e50;
margin-bottom: 10px;
}
h2 {
color: #3498db;
margin-top: 40px;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
h3 {
color: #16a085;
}
.section {
margin-bottom: 40px;
}
.summary {
background-color: #f8f9fa;
padding: 20px;
border-radius: 5px;
margin-bottom: 30px;
}
.conclusion {
background-color: #e8f4f8;
padding: 20px;
border-radius: 5px;
margin-top: 40px;
}
@media (max-width: 768px) {
body {
padding: 10px;
}
.chart-container {
height: 300px !important;
}
canvas {
width: 100% !important;
height: auto !important;
}
}
</style>
</head>
<body>
<header>
<h1>文山州与楚雄州人口变化趋势对基础教育的影响分析报告</h1>
<p>云南省教育资源配置发展预测数据分析</p>
</header>
<div class="section">
<h2>报告摘要</h2>
<div class="summary">
<p>本报告基于文山州与楚雄州2012-2022年的人口数据及2035年预测数据分析了两州人口变化趋势及其对基础教育资源配置的影响。报告显示两州人口均呈现下降趋势但城乡变化差异显著城镇人口缓慢增长而乡村人口显著减少。这种人口变化对基础教育资源配置提出了新的挑战特别是在教职工需求、学校占地面积和学生数量等方面。</p>
<p>报告通过9个图表系统展示了人口变化趋势、学生数量变化、教职工需求变化和学校占地面积需求变化为教育资源配置决策提供数据支持。</p>
</div>
</div>
<div class="section">
<h2>详细分析</h2>
<h3>1. 总人口变化趋势</h3>
<p>2012-2022年间文山州总人口持续下降年增长率约为-2.04%。2022年较2021年人口增长近1万人其他年份基本保持每年约减少5000人的速度缓慢下降。预测显示2022-2035年文山州人口将减少41.9万人,年均增长率为-0.93%。</p>
<p>楚雄州常住人口呈先增长后下降趋势峰值出现在2019年达275.5万人2020年后呈现下降趋势尤其是2020年减少33.8万人。预测2022-2035年楚雄州常住人口将逐步下降年均下降约2.54万人。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="populationTrendChart" width="800" height="400"></canvas>
</div>
<h3>2. 城乡人口变化趋势</h3>
<p>文山州2023-2035年城镇人口数量呈缓慢增长趋势乡村人口数量呈显著减少趋势。人口向州府所在地转移为文山市发展成为50万人口区域性中心城市奠定基础同时也对文山市城区教育发展提出新挑战。</p>
<p>楚雄州2012-2022年城乡常住人口数量呈现波浪式下降趋势峰值出现在2019年。2023-2035年城镇人口数量呈缓慢增长趋势乡村人口数量呈显著减少趋势从2022年126.1万人下降至2035年的81.0万人年均下降3.2万人。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="urbanRuralTrendChart1" width="800" height="400"></canvas>
</div>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="urbanRuralTrendChart2" width="800" height="400"></canvas>
</div>
<h3>3. 学生数量变化趋势</h3>
<p>文山州学前教育幼儿入园人数持续下降至2035年预计降至5.72万左右在园幼儿数至2035年预计降至14.83万人左右。小学招生数缓慢下降至2035年预计降至4.8万人左右在校生数至2035年预计降至32.02万人左右。初中招生数明显下降至2035年预计降至5.7万人左右在校生数至2035年降至16.2万人左右。</p>
<p>楚雄州学前教育幼儿入园人数至2035年预计招生2.57万人左右在园幼儿数至2035年预计达6.64万人左右。小学招生数至2035年预计达2.01万人左右在校生人数至2035年预计达到13.12万人左右。初中招生数至2035年预计在2.26万人左右在校生数至2035年预计达6.74万人左右。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="studentTrendChart1" width="800" height="400"></canvas>
</div>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="studentTrendChart2" width="800" height="400"></canvas>
</div>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="studentComparisonChart" width="800" height="400"></canvas>
</div>
<h3>4. 教职工需求变化</h3>
<p>文山州基础教育教职工数总体需求呈缓慢下降趋势但教职工的区域性、结构性、学科性短缺将长期存在。楚雄州基础教育教职工数总体需求下降平缓学前教育教职工数需求约0.95万人左右从2023年的1.06万人减少至2035年的0.95万人左右。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="teacherTrendChart1" width="800" height="400"></canvas>
</div>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="teacherTrendChart2" width="800" height="400"></canvas>
</div>
<h3>5. 学校占地面积需求</h3>
<p>文山州基础教育学校占地面积总量需求增长放缓总体上基本满足需求。楚雄州基础教育学校占地面积总量需求减少平缓到2035年学前幼儿园占地面积需求约66.40万平方米小学占地面积需求约166.6万平方米初中占地面积需求约111.2万平方米。</p>
<div class="chart-container" style="height: 400px; margin: 20px 0;">
<canvas id="schoolAreaChart" width="800" height="400"></canvas>
</div>
</div>
<div class="section conclusion">
<h2>结论与建议</h2>
<p>1. 两州人口均呈现下降趋势,特别是乡村人口显著减少,城镇人口缓慢增长,教育资源配置应适应这一变化趋势。</p>
<p>2. 学生数量整体呈下降趋势,但城镇学生数量相对稳定或略有增长,应优化城乡教育资源配置,避免资源浪费。</p>
<p>3. 教职工需求总体下降,但结构性短缺问题长期存在,应加强教师队伍建设,优化教师结构。</p>
<p>4. 学校占地面积需求增长放缓或减少,应合理规划学校建设,提高现有资源利用效率。</p>
<p>5. 建议建立动态调整机制,根据人口变化趋势及时调整教育资源配置,确保教育公平和质量。</p>
</div>
<script>
window.onload = 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: [345.4, 338.2, 331.0, 330.0, 329.5, 328.5, 329.5, 325.0, 315.0, 303.5],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.3
},
{
label: '楚雄州总人口(万人)',
data: [273.0, 274.5, 275.0, 275.5, 241.7, 239.1, 237.2, 230.0, 220.0, 200.0],
borderColor: 'rgba(255, 99, 132, 1)',
backgroundColor: 'rgba(255, 99, 132, 0.2)',
tension: 0.3
}
]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: '文山州与楚雄州总人口变化趋势(2012-2035)'
},
tooltip: {
mode: 'index',
intersect: false
}
},
scales: {
y: {
beginAtZero: false,
title: {
display: true,
text: '人口(万人)'
}
}
}
}
});
// 图表2城乡人口变化趋势图1
const urbanRuralTrendChart1Ctx = document.getElementById('urbanRuralTrendChart1').getContext('2d');
const urbanRuralTrendChart1 = new Chart(urbanRuralTrendChart1Ctx, {
type: 'line',
data: {
labels: ['2012', '2015', '2018', '2019', '2020', '2021', '2022', '2025', '2030', '2035'],
datasets: [
{
label: '文山州城镇人口(万人)',
data: [100.0, 105.0, 110.0, 112.0, 113.0, 114.0, 115.0, 120.0, 125.0, 130.0],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.3
},
{
label: '文山州乡村人口(万人)',
data: [245.4, 233.2, 221.0, 218.0, 216.5, 214.5, 214.5, 205.0, 190.0, 173.5],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
tension: 0.3
}
]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: '文山州城乡人口变化趋势(2012-2035)'
},
tooltip: {
mode: 'index',
intersect: false
}
},
scales: {
y: {
beginAtZero: false,
title: {
display: true,
text: '人口(万人)'
}
}
}
}
});
// 图表3城乡人口变化趋势图2
const urbanRuralTrendChart2Ctx = document.getElementById('urbanRuralTrendChart2').getContext('2d');
const urbanRuralTrendChart2 = new Chart(urbanRuralTrendChart2Ctx, {
type: 'line',
data: {
labels: ['2012', '2015', '2018', '2019', '2020', '2021', '2022', '2025', '2030', '2035'],
datasets: [
{
label: '楚雄州城镇人口(万人)',
data: [120.0, 125.0, 127.0, 128.2, 108.3, 110.0, 111.08, 115.0, 120.0, 125.0],
borderColor: 'rgba(255, 99, 132, 1)',
backgroundColor: 'rgba(255, 99, 132, 0.2)',
tension: 0.3
},
{
label: '楚雄州乡村人口(万人)',
data: [153.0, 149.5, 148.0, 147.3, 133.4, 129.1, 126.1, 115.0, 100.0, 81.0],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.3
}
]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: '楚雄州城乡人口变化趋势(2012-2035)'
},
tooltip: {
mode: 'index',
intersect: false
}
},
scales: {
y: {
beginAtZero: false,
title: {
display: true,
text: '人口(万人)'
}
}
}
}
});
// 图表4学生数量变化趋势图1
const studentTrendChart1Ctx = document.getElementById('studentTrendChart1').getContext('2d');
const studentTrendChart1 = new Chart(studentTrendChart1Ctx, {
type: 'line',
data: {
labels: ['2012', '2015', '2018', '2021', '2022', '2025', '2030', '2035'],
datasets: [
{
label: '文山州学前在园幼儿(万人)',
data: [12.0, 13.5, 15.0, 16.5, 16.88, 16.0, 15.5, 14.83],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.3
},
{
label: '文山州小学生在校生(万人)',
data: [34.0, 35.5, 36.0, 36.2, 36.45, 35.0, 33.5, 32.02],
borderColor: 'rgba(255, 99, 132, 1)',
backgroundColor: 'rgba(255, 99, 132, 0.2)',
tension: 0.3
},
{
label: '文山州初中在校生(万人)',
data: [16.0, 16.5, 17.0, 18.0, 18.43, 17.5, 17.0, 16.2],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
tension: 0.3
}
]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: '文山州学生数量变化趋势(2012-2035)'
},
tooltip: {
mode: 'index',
intersect: false
}
},
scales: {
y: {
beginAtZero: false,
title: {
display: true,
text: '学生数量(万人)'
}
}
}
}
});
// 图表5学生数量变化趋势图2
const studentTrendChart2Ctx = document.getElementById('studentTrendChart2').getContext('2d');
const studentTrendChart2 = new Chart(studentTrendChart2Ctx, {
type: 'line',
data: {
labels: ['2012', '2015', '2018', '2021', '2022', '2025', '2030', '2035'],
datasets: [
{
label: '楚雄州学前在园幼儿(万人)',
data: [6.0, 6.5, 7.0, 7.3, 7.50, 7.2, 6.9, 6.64],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.3
},
{
label: '楚雄州小学生在校生(万人)',
data: [16.0, 15.5, 15.0, 14.9, 14.83, 14.0, 13.5, 13.12],
borderColor: 'rgba(255, 159, 64, 1)',
backgroundColor: 'rgba(255, 159, 64, 0.2)',
tension: 0.3
},
{
label: '楚雄州初中在校生(万人)',
data: [9.0, 8.5, 8.0, 7.5, 7.61, 7.2, 7.0, 6.74],
borderColor: 'rgba(201, 203, 207, 1)',
backgroundColor: 'rgba(201, 203, 207, 0.2)',
tension: 0.3
}
]
},
options: {
responsive: true,
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.88, 36.45, 18.43],
backgroundColor: 'rgba(54, 162, 235, 0.7)'
},
{
label: '文山州2035年预测',
data: [14.83, 32.02, 16.2],
backgroundColor: 'rgba(54, 162, 235, 0.4)'
},
{
label: '楚雄州2022年',
data: [7.50, 14.83, 7.61],
backgroundColor: 'rgba(255, 99, 132, 0.7)'
},
{
label: '楚雄州2035年预测',
data: [6.64, 13.12, 6.74],
backgroundColor: 'rgba(255, 99, 132, 0.4)'
}
]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: '文山州与楚雄州学生数量对比(2022 vs 2035)'
},
tooltip: {
mode: 'index',
intersect: false
}
},
scales: {
y: {
beginAtZero: false,
title: {
display: true,
text: '学生数量(万人)'
}
}
}
}
});
// 图表7教职工需求变化趋势图1
const teacherTrendChart1Ctx = document.getElementById('teacherTrendChart1').getContext('2d');
const teacherTrendChart1 = new Chart(teacherTrendChart1Ctx, {
type: 'line',
data: {
labels: ['2022', '2025', '2030', '2035'],
datasets: [
{
label: '文山州学前教职工需求(万人)',
data: [0.85, 0.82, 0.80, 0.78],
borderColor: 'rgba(54, 162, 235, 1)',
backgroundColor: 'rgba(54, 162, 235, 0.2)',
tension: 0.3
},
{
label: '文山州小学教职工需求(万人)',
data: [1.20, 1.15, 1.10, 1.05],
borderColor: 'rgba(255, 99, 132, 1)',
backgroundColor: 'rgba(255, 99, 132, 0.2)',
tension: 0.3
},
{
label: '文山州初中教职工需求(万人)',
data: [0.90, 0.85, 0.80, 0.75],
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
tension: 0.3
}
]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: '文山州教职工需求变化趋势(2022-2035)'
},
tooltip: {
mode: 'index',
intersect: false
}
},
scales: {
y: {
beginAtZero: false,
title: {
display: true,
text: '教职工数量(万人)'
}
}
}
}
});
// 图表8教职工需求变化趋势图2
const teacherTrendChart2Ctx = document.getElementById('teacherTrendChart2').getContext('2d');
const teacherTrendChart2 = new Chart(teacherTrendChart2Ctx, {
type: 'line',
data: {
labels: ['2022', '2025', '2030', '2035'],
datasets: [
{
label: '楚雄州学前教职工需求(万人)',
data: [1.06, 1.02, 0.98, 0.95],
borderColor: 'rgba(153, 102, 255, 1)',
backgroundColor: 'rgba(153, 102, 255, 0.2)',
tension: 0.3
},
{
label: '楚雄州小学教职工需求(万人)',
data: [0.77, 0.74, 0.71, 0.69],
borderColor: 'rgba(255, 159, 64, 1)',
backgroundColor: 'rgba(255, 159, 64, 0.2)',
tension: 0.3
},
{
label: '楚雄州初中教职工需求(万人)',
data: [0.56, 0.53, 0.51, 0.50],
borderColor: 'rgba(201, 203, 207, 1)',
backgroundColor: 'rgba(201, 203, 207, 0.2)',
tension: 0.3
}
]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: '楚雄州教职工需求变化趋势(2022-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: '文山州2022年(万平方米)',
data: [75.0, 180.0, 120.0, 160.0],
backgroundColor: 'rgba(54, 162, 235, 0.7)'
},
{
label: '文山州2035年预测(万平方米)',
data: [70.0, 170.0, 110.0, 150.0],
backgroundColor: 'rgba(54, 162, 235, 0.4)'
},
{
label: '楚雄州2022年(万平方米)',
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.4)'
}
]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: '文山州与楚雄州学校占地面积需求对比(2022 vs 2035)'
},
tooltip: {
mode: 'index',
intersect: false
}
},
scales: {
y: {
beginAtZero: false,
title: {
display: true,
text: '占地面积(万平方米)'
}
}
}
}
});
};
</script>
</body>
</html>

@ -13,7 +13,14 @@ public class HtmlGenerator {
return String.format(
"请根据以下数据内容生成一个完整的HTML格式报告。要求\n\n" +
"1. 不要生成除HTML外的其它文字生成完整的HTML文档结构包含<!DOCTYPE html>、<html>、<head>、<body>等标签)\n" +
"2. 使用现代化的CSS样式包含响应式设计\n" +
"2. 使用现代化的CSS样式包含响应式设计特别注意以下样式要求\n" +
" - body { font-family: 'Microsoft YaHei', Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; background-color: #f5f5f5; }\n" +
" - .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); }\n" +
" - .chart-container { width: 100%; height: 450px; margin: 30px 0; padding: 20px; background: #fafafa; border-radius: 8px; border: 1px solid #e0e0e0; position: relative; overflow: hidden; }\n" +
" - .chart-container canvas { max-width: 100% !important; height: auto !important; }\n" +
" - .section { margin-bottom: 50px; clear: both; }\n" +
" - h1, h2, h3 { margin-top: 30px; margin-bottom: 15px; clear: both; }\n" +
" - p { margin-bottom: 15px; text-align: justify; }\n" +
"3. 必须在<head>中引入Chart.js库使用以下任一可用地址\n" +
" - <script src=\"https://unpkg.com/chart.js\"></script>\n" +
" - <script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js\"></script>\n" +
@ -28,23 +35,29 @@ public class HtmlGenerator {
" - 图表7教职工需求变化趋势图1canvas id: teacherTrendChart1\n" +
" - 图表8教职工需求变化趋势图2canvas id: teacherTrendChart2\n" +
" - 图表9学校占地面积需求对比图canvas id: schoolAreaChart\n" +
"5. 每个canvas元素必须包装在<div class=\"chart-container\">中,并设置固定高度:<div class=\"chart-container\" style=\"height: 400px; margin: 20px 0;\">\n" +
"6. 每个canvas元素必须设置宽度和高度属性<canvas id=\"xxx\" width=\"800\" height=\"400\"></canvas>\n" +
"7. JavaScript代码必须在</body>前为每个canvas创建对应的Chart实例\n" +
"8. 图表数据要根据数据内容合理推算和展示,确保数据真实有效\n" +
"9. 报告标题为:《%s人口变化趋势对基础教育的影响分析报告》\n" +
"10. 包含报告摘要、详细分析、图表展示、结论建议等章节\n" +
"11. 直接输出完整的HTML代码不要用markdown包装\n" +
"12. 【重要】必须为所有9个图表生成完整的JavaScript初始化代码\n" +
"13. 【重要】每个canvas元素都必须有对应的完整Chart初始化代码包含完整的data、options等配置\n" +
"14. 【重要】JavaScript代码必须完整到</script>标签结束,不能在中间截断\n" +
"15. 【重要】必须为所有9个图表生成完整的JavaScript初始化代码一个都不能少\n" +
"16. 【重要】生成的HTML必须是完整的包含完整的</body>和</html>结束标签\n" +
"17. 【重要】检查生成的HTML确保所有9个图表的JavaScript代码都完整没有任何代码被截断或省略\n" +
"18. 【重要】如果某个图表的数据不足可以使用合理的模拟数据但必须生成所有9个图表\n" +
"19. 【重要】确保Chart.js图表能正确渲染检查数据格式和配置是否正确\n" +
"20. 【重要】在JavaScript代码开始前添加window.onload事件确保DOM加载完成window.onload = function() { ... };\n" +
"21. 【重要】每个图表的数据必须是有效的数字数组不能包含null、undefined或非数字值\n\n" +
"5. 【重要】每个canvas元素必须包装在<div class=\"chart-container\">中\n" +
"6. 每个canvas元素必须设置<canvas id=\"xxx\" style=\"width: 100%; height: 400px;\"></canvas>\n" +
"7. JavaScript代码必须在</body>前为每个canvas创建对应的Chart实例并添加以下配置\n" +
" - responsive: true\n" +
" - maintainAspectRatio: false\n" +
" - 添加窗口大小变化处理window.addEventListener('resize', function() { chart.resize(); });\n" +
"8. 【重要】HTML结构必须包含容器<body><div class=\"container\">所有内容</div></body>\n" +
"9. 图表数据要根据数据内容合理推算和展示,确保数据真实有效\n" +
"10. 报告标题为:《%s人口变化趋势对基础教育的影响分析报告》\n" +
"11. 包含报告摘要、详细分析、图表展示、结论建议等章节\n" +
"12. 直接输出完整的HTML代码不要用markdown包装\n" +
"13. 【重要】必须为所有9个图表生成完整的JavaScript初始化代码\n" +
"14. 【重要】每个canvas元素都必须有对应的完整Chart初始化代码包含完整的data、options等配置\n" +
"15. 【重要】JavaScript代码必须完整到</script>标签结束,不能在中间截断\n" +
"16. 【重要】必须为所有9个图表生成完整的JavaScript初始化代码一个都不能少\n" +
"17. 【重要】生成的HTML必须是完整的包含完整的</body>和</html>结束标签\n" +
"18. 【重要】检查生成的HTML确保所有9个图表的JavaScript代码都完整没有任何代码被截断或省略\n" +
"19. 【重要】如果某个图表的数据不足可以使用合理的模拟数据但必须生成所有9个图表\n" +
"20. 【重要】确保Chart.js图表能正确渲染检查数据格式和配置是否正确\n" +
"21. 【重要】在JavaScript代码开始前添加DOMContentLoaded事件document.addEventListener('DOMContentLoaded', function() { ... });\n" +
"22. 【重要】每个图表的数据必须是有效的数字数组不能包含null、undefined或非数字值\n" +
"23. 【重要】每个图表的options必须包含responsive: true, maintainAspectRatio: false\n" +
"24. 【重要】添加媒体查询样式:@media (max-width: 768px) { .chart-container { height: 300px; margin: 15px 0; } }\n\n" +
"数据内容:\n%s\n\n" +
"请根据数据内容生成包含固定9个图表的完整HTML代码。特别注意必须生成所有9个图表的完整JavaScript代码不能有任何截断",
regionName, dataContent

Loading…
Cancel
Save