-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
660 lines (635 loc) · 30.6 KB
/
Copy pathindex.html
File metadata and controls
660 lines (635 loc) · 30.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>中国高考人数与985/211录取统计分析报告(2005-2025)</title>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
background: #f5f7fa;
color: #333;
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header {
background: linear-gradient(135deg, #1a5276 0%, #2e86ab 100%);
color: white;
padding: 40px;
border-radius: 12px;
margin-bottom: 30px;
text-align: center;
}
.header h1 { font-size: 28px; margin-bottom: 10px; }
.header p { opacity: 0.9; font-size: 14px; }
.section {
background: white;
border-radius: 12px;
padding: 30px;
margin-bottom: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.section h2 {
color: #1a5276;
font-size: 20px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #e8f4f8;
}
.section h3 {
color: #2e86ab;
font-size: 16px;
margin: 20px 0 10px 0;
}
.highlight-box {
background: #e8f4f8;
border-left: 4px solid #2e86ab;
padding: 15px 20px;
margin: 15px 0;
border-radius: 0 8px 8px 0;
}
.warning-box {
background: #fff3e0;
border-left: 4px solid #ff9800;
padding: 15px 20px;
margin: 15px 0;
border-radius: 0 8px 8px 0;
}
table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
font-size: 13px;
}
th, td {
border: 1px solid #e0e0e0;
padding: 10px 12px;
text-align: center;
}
th {
background: #1a5276;
color: white;
font-weight: 600;
position: sticky;
top: 0;
}
tr:nth-child(even) { background: #f8f9fa; }
tr:hover { background: #e8f4f8; }
.chart-container {
width: 100%;
height: 450px;
margin: 20px 0;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 15px;
margin: 20px 0;
}
.stat-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.stat-card.alt1 { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.stat-card.alt2 { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.stat-card.alt3 { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.stat-card.alt4 { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }
.stat-value { font-size: 28px; font-weight: bold; margin: 8px 0; }
.stat-label { font-size: 13px; opacity: 0.95; }
.footer {
text-align: center;
padding: 20px;
color: #888;
font-size: 12px;
}
.trend-up { color: #e74c3c; }
.trend-down { color: #27ae60; }
.prediction-section {
background: linear-gradient(135deg, #f5f7fa 0%, #e8f4f8 100%);
}
@media print {
body { background: white; }
.section { box-shadow: none; border: 1px solid #ddd; break-inside: avoid; }
.chart-container { break-inside: avoid; }
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>中国高考人数与985/211录取统计分析报告</h1>
<p>数据周期:2005年 - 2025年 | 报告生成日期:2026年6月12日</p>
</div>
<!-- 核心数据概览 -->
<div class="section">
<h2>一、核心数据概览</h2>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-label">2025年高考报名人数</div>
<div class="stat-value">1335万</div>
</div>
<div class="stat-card alt1">
<div class="stat-label">985高校录取率</div>
<div class="stat-value">~1.6%</div>
</div>
<div class="stat-card alt2">
<div class="stat-label">211高校录取率</div>
<div class="stat-value">~5.0%</div>
</div>
<div class="stat-card alt3">
<div class="stat-label">985+211合计录取率</div>
<div class="stat-value">~6.6%</div>
</div>
<div class="stat-card alt4">
<div class="stat-label">预计2039年高考人数</div>
<div class="stat-value">~600万</div>
</div>
</div>
<div class="highlight-box">
<strong>关键发现:</strong>2025年高考报名人数约1335万人,较2024年小幅回落但仍处历史高位。985高校全国平均录取率约1.6%,211高校约5.0%,两者合计约6.6%。根据出生人口数据推算,高考报名人数预计在2033-2035年前后可能出现显著下降。
</div>
</div>
<!-- 历年高考报名人数 -->
<div class="section">
<h2>二、历年高考报名人数(2000-2025年)</h2>
<div id="chart-gaokao" class="chart-container"></div>
<div class="highlight-box">
<strong>数据解读:</strong>2008年首次突破1000万大关后,报名人数曾出现连续5年下降(2009-2013年)。2019年起重新突破千万并持续攀升,2023年达到峰值1291万,2024年1342万创历史新高,2025年略降至1335万。这一变化与2000年代中期的出生人口高峰(2005-2017年出生人口年均约1600万)基本对应。
</div>
<h3>详细数据表</h3>
<div style="overflow-x: auto; max-height: 400px;">
<table>
<thead>
<tr>
<th>年份</th>
<th>报名人数(万)</th>
<th>同比变化</th>
<th>备注</th>
</tr>
</thead>
<tbody id="gaokao-table">
</tbody>
</table>
</div>
</div>
<!-- 985/211录取数据 -->
<div class="section">
<h2>三、985/211高校录取数据</h2>
<h3>3.1 985高校录取情况</h3>
<div class="highlight-box">
全国985高校共39所,年招生规模相对稳定。2022年985高校(含分校区、医学院等)全国录取约<strong>19万人</strong>,整体录取率约<strong>1.67%</strong>。由于985高校分布极不均衡(北京8所、上海4所,部分省份无985高校),各省实际录取率差异巨大,天津、上海、北京等地录取率可达5%以上,而部分省份不足1%。
</div>
<table>
<thead>
<tr>
<th>年份</th>
<th>985录取人数(万)</th>
<th>全国平均录取率</th>
<th>各省差异范围</th>
</tr>
</thead>
<tbody>
<tr><td>2018</td><td>~18.0</td><td>~1.85%</td><td>0.8% - 5.8%</td></tr>
<tr><td>2019</td><td>~18.2</td><td>~1.77%</td><td>0.9% - 5.5%</td></tr>
<tr><td>2020</td><td>~18.3</td><td>~1.71%</td><td>0.9% - 5.3%</td></tr>
<tr><td>2021</td><td>~18.5</td><td>~1.72%</td><td>0.9% - 5.2%</td></tr>
<tr><td>2022</td><td>~19.0</td><td>~1.59%</td><td>1.0% - 5.0%</td></tr>
<tr><td>2023</td><td>~19.5</td><td>~1.51%</td><td>1.0% - 4.8%</td></tr>
<tr><td>2024</td><td>~20.0</td><td>~1.49%</td><td>1.0% - 4.7%</td></tr>
<tr><td>2025</td><td>~20.5</td><td>~1.54%</td><td>1.0% - 4.8%</td></tr>
</tbody>
</table>
<h3>3.2 211高校录取情况</h3>
<div class="highlight-box">
全国211高校共112所(含39所985),年招生规模约<strong>52-56万人</strong>。2022年211高校全国录取约<strong>56万人</strong>,整体录取率约<strong>4.75%</strong>。与985类似,211录取率同样存在显著地域差异,教育资源集中省份录取率可达10%以上。
</div>
<table>
<thead>
<tr>
<th>年份</th>
<th>211录取人数(万)</th>
<th>全国平均录取率</th>
<th>各省差异范围</th>
</tr>
</thead>
<tbody>
<tr><td>2018</td><td>~50.0</td><td>~5.13%</td><td>2.5% - 13.0%</td></tr>
<tr><td>2019</td><td>~51.0</td><td>~4.95%</td><td>2.5% - 12.5%</td></tr>
<tr><td>2020</td><td>~52.0</td><td>~4.86%</td><td>2.5% - 12.0%</td></tr>
<tr><td>2021</td><td>~53.0</td><td>~4.92%</td><td>2.5% - 11.8%</td></tr>
<tr><td>2022</td><td>~56.0</td><td>~4.69%</td><td>2.5% - 11.5%</td></tr>
<tr><td>2023</td><td>~58.0</td><td>~4.49%</td><td>2.5% - 11.0%</td></tr>
<tr><td>2024</td><td>~60.0</td><td>~4.47%</td><td>2.5% - 10.8%</td></tr>
<tr><td>2025</td><td>~62.0</td><td>~4.64%</td><td>2.5% - 10.5%</td></tr>
</tbody>
</table>
<h3>3.3 985/211录取率趋势图</h3>
<div id="chart-985-211" class="chart-container"></div>
<div class="warning-box">
<strong>注意:</strong>985/211录取人数呈逐年微增趋势,主要得益于高校扩招政策;但由于高考报名人数增长更快,录取率整体呈缓慢下降趋势。2018年以来,985录取率从1.85%降至1.5%左右,211录取率从5.1%降至4.5%左右。2025年因报名人数略有回落,录取率出现小幅回升。
</div>
</div>
<!-- 历年出生人口 -->
<div class="section">
<h2>四、历年出生人口与高考人数关联分析</h2>
<div id="chart-birth" class="chart-container"></div>
<div class="highlight-box">
<strong>关联规律:</strong>高考报名人数通常滞后出生人口约18年(对应高三学生年龄)。2005-2017年出生人口维持在年均1600万左右的高位,对应2023-2035年高考报名人数将保持高位。2018年后出生人口开始快速下滑(2018年1523万→2023年902万),这一趋势将反映到2036年以后的高考报名人数上。
</div>
<h3>关键年份出生人口与对应高考年份</h3>
<table>
<thead>
<tr>
<th>出生年份</th>
<th>出生人口(万)</th>
<th>对应高考年份</th>
<th>实际高考人数(万)</th>
<th>复读/社会考生占比</th>
</tr>
</thead>
<tbody>
<tr><td>1987</td><td>2,528</td><td>2005</td><td>877</td><td>~35%</td></tr>
<tr><td>1988</td><td>2,446</td><td>2006</td><td>950</td><td>~35%</td></tr>
<tr><td>1989</td><td>2,407</td><td>2007</td><td>1,010</td><td>~33%</td></tr>
<tr><td>1990</td><td>2,391</td><td>2008</td><td>1,050</td><td>~32%</td></tr>
<tr><td>1995</td><td>2,063</td><td>2013</td><td>912</td><td>~30%</td></tr>
<tr><td>2000</td><td>1,771</td><td>2018</td><td>975</td><td>~28%</td></tr>
<tr><td>2005</td><td>1,617</td><td>2023</td><td>1,291</td><td>~25%</td></tr>
<tr><td>2006</td><td>1,584</td><td>2024</td><td>1,342</td><td>~25%</td></tr>
<tr><td>2007</td><td>1,594</td><td>2025</td><td>1,335</td><td>~24%</td></tr>
<tr><td>2008</td><td>1,608</td><td>2026</td><td>预计 ~1,300</td><td>~22%</td></tr>
<tr><td>2016</td><td>1,786</td><td>2034</td><td>预计 ~1,500</td><td>~18%</td></tr>
<tr><td>2017</td><td>1,723</td><td>2035</td><td>预计 ~1,400</td><td>~18%</td></tr>
<tr><td>2018</td><td>1,523</td><td>2036</td><td>预计 ~1,200</td><td>~17%</td></tr>
<tr><td>2023</td><td>902</td><td>2041</td><td>预计 ~700</td><td>~15%</td></tr>
</tbody>
</table>
</div>
<!-- 未来预测 -->
<div class="section prediction-section">
<h2>五、未来15年高考人数变化预测(2026-2040年)</h2>
<div id="chart-prediction" class="chart-container"></div>
<h3>预测模型说明</h3>
<div class="highlight-box">
<strong>预测方法:</strong>基于历年出生人口数据,按照18年滞后周期推算对应高考年份的理论适龄人口,再结合近年复读生/社会考生占比趋势(逐年从25%降至约15%)进行修正。预测分为三个情景:
<br><br>
<strong>乐观情景:</strong>复读率维持高位(20%+),高中普及率持续提升<br>
<strong>基准情景:</strong>复读率逐步下降至15%,高中毛入学率维持当前水平<br>
<strong>保守情景:</strong>复读率快速下降,部分适龄人口转向职业教育
</div>
<h3>分阶段预测</h3>
<table>
<thead>
<tr>
<th>时期</th>
<th>年份范围</th>
<th>预测高考人数(万)</th>
<th>趋势特征</th>
</tr>
</thead>
<tbody>
<tr>
<td>高位平台期</td>
<td>2026-2033</td>
<td>1,200 - 1,400</td>
<td>维持历史高位,波动较小。对应2008-2015年出生人口(年均约1600万)</td>
</tr>
<tr>
<td>缓慢下降期</td>
<td>2034-2036</td>
<td>1,100 - 1,300</td>
<td>开始缓慢回落。对应2016-2018年出生人口从1786万降至1523万</td>
</tr>
<tr>
<td>加速下降期</td>
<td>2037-2040</td>
<td>700 - 1,000</td>
<td>快速下降。对应2019-2022年出生人口从1465万降至956万</td>
</tr>
</tbody>
</table>
<div class="warning-box">
<strong>重要提示:</strong>以上预测存在较大不确定性。实际高考人数受多种因素影响:
<ul style="margin-left: 20px; margin-top: 8px;">
<li>高中毛入学率变化(当前约91.6%)</li>
<li>复读政策调整(部分省份限制公办高中招收复读生)</li>
<li>职业教育分流政策(普职比5:5导向)</li>
<li>人口迁移和城镇化趋势</li>
<li>国际教育和出国留学比例变化</li>
</ul>
</div>
</div>
<!-- 综合分析 -->
<div class="section">
<h2>六、综合分析与结论</h2>
<h3>6.1 核心结论</h3>
<ol style="margin-left: 20px;">
<li><strong>高考竞争仍处高位:</strong>2025-2033年间高考报名人数预计维持在1200-1400万的高位平台,985/211录取率整体偏低(合计约5-7%),竞争依然激烈。</li>
<li><strong>录取率呈下降趋势:</strong>尽管985/211招生人数逐年微增,但增幅不及报名人数增长,导致录取率从2018年的约7%降至2024年的约6%。</li>
<li><strong>人口拐点即将显现:</strong>2018年是中国出生人口的显著拐点(从1723万降至1523万),对应2036年高考报名人数将出现明显下滑。</li>
<li><strong>长期趋势向下:</strong>2023年出生人口仅902万,对应2041年高考报名人数可能降至700万左右,约为2025年的一半。</li>
</ol>
<h3>6.2 对教育格局的潜在影响</h3>
<div class="stats-grid">
<div class="stat-card alt2">
<div class="stat-label">2035年后高校可能面临</div>
<div class="stat-value">生源竞争</div>
</div>
<div class="stat-card alt1">
<div class="stat-label">部分地方院校可能</div>
<div class="stat-value">招生困难</div>
</div>
<div class="stat-card alt3">
<div class="stat-label">985/211录取率可能</div>
<div class="stat-value">被动提升</div>
</div>
<div class="stat-card alt4">
<div class="stat-label">高等教育或将加速</div>
<div class="stat-value">结构调整</div>
</div>
</div>
<h3>6.3 数据来源与局限性</h3>
<div class="warning-box">
<strong>数据来源:</strong>
<ul style="margin-left: 20px; margin-top: 8px;">
<li>高考报名人数:教育部历年公布的全国高考报名统计数据</li>
<li>985/211招生数据:各高校本科招生质量报告、省级教育考试院公开数据</li>
<li>出生人口数据:国家统计局《中国统计年鉴》、第七次全国人口普查</li>
<li>预测模型:基于历史数据的趋势外推,仅供参考</li>
</ul>
<br>
<strong>局限性说明:</strong>
<ul style="margin-left: 20px; margin-top: 8px;">
<li>985/211录取人数为估算值,实际数据因统计口径(是否含分校区、医学院、提前批等)存在差异</li>
<li>各省录取率差异巨大,全国平均数不能代表具体省份情况</li>
<li>未来预测受政策变化影响较大,实际数据可能与预测存在显著偏差</li>
</ul>
</div>
</div>
<div class="footer">
<p>本报告基于公开数据整理分析,仅供参考,不构成任何决策建议</p>
<p>数据来源:国家统计局、教育部、各高校招生报告 | 报告生成时间:2026年6月12日</p>
</div>
</div>
<script>
// 高考报名人数数据
const gaokaoData = [
{year: 2000, count: 375},
{year: 2001, count: 454},
{year: 2002, count: 510},
{year: 2003, count: 613},
{year: 2004, count: 729},
{year: 2005, count: 877},
{year: 2006, count: 950},
{year: 2007, count: 1010},
{year: 2008, count: 1050},
{year: 2009, count: 1020},
{year: 2010, count: 946},
{year: 2011, count: 933},
{year: 2012, count: 915},
{year: 2013, count: 912},
{year: 2014, count: 939},
{year: 2015, count: 942},
{year: 2016, count: 940},
{year: 2017, count: 940},
{year: 2018, count: 975},
{year: 2019, count: 1031},
{year: 2020, count: 1071},
{year: 2021, count: 1078},
{year: 2022, count: 1193},
{year: 2023, count: 1291},
{year: 2024, count: 1342},
{year: 2025, count: 1335}
];
// 填充表格
const tbody = document.getElementById('gaokao-table');
gaokaoData.forEach((d, i) => {
const prev = i > 0 ? gaokaoData[i-1].count : d.count;
const change = d.count - prev;
const pct = i > 0 ? ((change / prev) * 100).toFixed(1) + '%' : '-';
const colorClass = change > 0 ? 'trend-up' : (change < 0 ? 'trend-down' : '');
const arrow = change > 0 ? '↑' : (change < 0 ? '↓' : '-');
const note = d.year === 2008 ? '首次破千万' :
d.year === 2024 ? '历史新高' :
d.year === 2025 ? '小幅回落' : '';
tbody.innerHTML += `<tr>
<td>${d.year}</td>
<td><strong>${d.count}</strong></td>
<td class="${colorClass}">${i > 0 ? arrow + ' ' + Math.abs(change) + ' (' + pct + ')' : '-'}</td>
<td>${note}</td>
</tr>`;
});
// 图表1:高考报名人数趋势
const chart1 = echarts.init(document.getElementById('chart-gaokao'));
chart1.setOption({
tooltip: { trigger: 'axis', axisPointer: { type: 'cross' } },
legend: { data: ['高考报名人数'] },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'category', data: gaokaoData.map(d => d.year), axisLabel: { rotate: 45 } },
yAxis: { type: 'value', name: '人数(万)', min: 0 },
series: [{
name: '高考报名人数',
type: 'line',
data: gaokaoData.map(d => d.count),
smooth: true,
symbol: 'circle',
symbolSize: 8,
lineStyle: { width: 3, color: '#1a5276' },
itemStyle: { color: '#1a5276' },
areaStyle: {
color: {
type: 'linear', x: 0, y: 0, x2: 0, y2: 1,
colorStops: [
{ offset: 0, color: 'rgba(26, 82, 118, 0.3)' },
{ offset: 1, color: 'rgba(26, 82, 118, 0.05)' }
]
}
},
markLine: {
silent: true,
lineStyle: { color: '#e74c3c', type: 'dashed' },
data: [{ yAxis: 1000, label: { formatter: '千万线' } }]
}
}]
});
// 图表2:985/211录取率趋势
const chart2 = echarts.init(document.getElementById('chart-985-211'));
chart2.setOption({
tooltip: { trigger: 'axis' },
legend: { data: ['985录取率', '211录取率', '985+211合计'] },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'category', data: ['2018', '2019', '2020', '2021', '2022', '2023', '2024', '2025'] },
yAxis: { type: 'value', name: '录取率(%)', min: 0, max: 8 },
series: [
{
name: '985录取率',
type: 'line',
data: [1.85, 1.77, 1.71, 1.72, 1.59, 1.51, 1.49, 1.54],
smooth: true,
lineStyle: { width: 3, color: '#e74c3c' },
itemStyle: { color: '#e74c3c' }
},
{
name: '211录取率',
type: 'line',
data: [5.13, 4.95, 4.86, 4.92, 4.69, 4.49, 4.47, 4.64],
smooth: true,
lineStyle: { width: 3, color: '#3498db' },
itemStyle: { color: '#3498db' }
},
{
name: '985+211合计',
type: 'line',
data: [6.98, 6.72, 6.57, 6.64, 6.28, 6.00, 5.96, 6.18],
smooth: true,
lineStyle: { width: 3, color: '#27ae60', type: 'dashed' },
itemStyle: { color: '#27ae60' }
}
]
});
// 图表3:出生人口与高考人数关联
const chart3 = echarts.init(document.getElementById('chart-birth'));
const birthData = [
{year: 1990, birth: 2391},
{year: 1991, birth: 2258},
{year: 1992, birth: 2119},
{year: 1993, birth: 2126},
{year: 1994, birth: 2104},
{year: 1995, birth: 2063},
{year: 1996, birth: 2067},
{year: 1997, birth: 2038},
{year: 1998, birth: 1942},
{year: 1999, birth: 1834},
{year: 2000, birth: 1769},
{year: 2001, birth: 1702},
{year: 2002, birth: 1647},
{year: 2003, birth: 1599},
{year: 2004, birth: 1593},
{year: 2005, birth: 1617},
{year: 2006, birth: 1584},
{year: 2007, birth: 1594},
{year: 2008, birth: 1608},
{year: 2009, birth: 1591},
{year: 2010, birth: 1588},
{year: 2011, birth: 1604},
{year: 2012, birth: 1635},
{year: 2013, birth: 1640},
{year: 2014, birth: 1687},
{year: 2015, birth: 1655},
{year: 2016, birth: 1786},
{year: 2017, birth: 1723},
{year: 2018, birth: 1523},
{year: 2019, birth: 1465},
{year: 2020, birth: 1200},
{year: 2021, birth: 1062},
{year: 2022, birth: 956},
{year: 2023, birth: 902},
{year: 2024, birth: 954}
];
chart3.setOption({
tooltip: { trigger: 'axis' },
legend: { data: ['出生人口(滞后18年)', '实际高考人数'] },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
data: birthData.map(d => d.year),
axisLabel: { rotate: 45 }
},
yAxis: [
{ type: 'value', name: '出生人口(万)', position: 'left' },
{ type: 'value', name: '高考人数(万)', position: 'right' }
],
series: [
{
name: '出生人口(滞后18年)',
type: 'bar',
data: birthData.map(d => d.birth),
itemStyle: { color: 'rgba(46, 134, 171, 0.6)' },
barWidth: '60%'
},
{
name: '实际高考人数',
type: 'line',
data: [
null, null, null, null, null, null, null, null, null, null,
null, null, null, null, null, null, null, null,
1050, 1020, 946, 933, 915, 912, 939, 942, 940, 940,
975, 1031, 1071, 1078, 1193, 1291, 1342, 1335
],
smooth: true,
lineStyle: { width: 3, color: '#e74c3c' },
itemStyle: { color: '#e74c3c' },
yAxisIndex: 1
}
]
});
// 图表4:未来预测
const chart4 = echarts.init(document.getElementById('chart-prediction'));
const futureYears = ['2026', '2027', '2028', '2029', '2030', '2031', '2032', '2033', '2034', '2035', '2036', '2037', '2038', '2039', '2040'];
chart4.setOption({
tooltip: { trigger: 'axis' },
legend: { data: ['基准预测', '乐观情景', '保守情景', '历史数据'] },
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'category', data: futureYears },
yAxis: { type: 'value', name: '高考人数(万)', min: 0 },
series: [
{
name: '历史数据',
type: 'line',
data: [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null],
lineStyle: { width: 0 },
itemStyle: { color: '#999' }
},
{
name: '基准预测',
type: 'line',
data: [1300, 1320, 1340, 1350, 1360, 1370, 1380, 1350, 1300, 1200, 1050, 900, 800, 720, 650],
smooth: true,
lineStyle: { width: 4, color: '#1a5276' },
itemStyle: { color: '#1a5276' },
areaStyle: {
color: {
type: 'linear', x: 0, y: 0, x2: 0, y2: 1,
colorStops: [
{ offset: 0, color: 'rgba(26, 82, 118, 0.2)' },
{ offset: 1, color: 'rgba(26, 82, 118, 0.02)' }
]
}
}
},
{
name: '乐观情景',
type: 'line',
data: [1350, 1380, 1410, 1430, 1450, 1460, 1470, 1440, 1400, 1300, 1150, 1000, 900, 820, 750],
smooth: true,
lineStyle: { width: 2, color: '#27ae60', type: 'dashed' },
itemStyle: { color: '#27ae60' }
},
{
name: '保守情景',
type: 'line',
data: [1250, 1260, 1270, 1270, 1270, 1280, 1290, 1260, 1200, 1100, 950, 800, 700, 620, 550],
smooth: true,
lineStyle: { width: 2, color: '#e74c3c', type: 'dashed' },
itemStyle: { color: '#e74c3c' }
}
]
});
window.addEventListener('resize', () => {
chart1.resize();
chart2.resize();
chart3.resize();
chart4.resize();
});
</script>
</body>
</html>