lofyerandfactory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
71db82393a
Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
4787 lines
178 KiB
HTML
4787 lines
178 KiB
HTML
<!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://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js"></script>
|
||
<style>
|
||
:root {
|
||
--primary: #1a56db;
|
||
--primary-light: #e8effc;
|
||
--success: #059669;
|
||
--success-light: #d1fae5;
|
||
--warning: #d97706;
|
||
--warning-light: #fef3c7;
|
||
--danger: #dc2626;
|
||
--danger-light: #fee2e2;
|
||
--gray-50: #f9fafb;
|
||
--gray-100: #f3f4f6;
|
||
--gray-200: #e5e7eb;
|
||
--gray-300: #d1d5db;
|
||
--gray-500: #6b7280;
|
||
--gray-700: #374151;
|
||
--gray-900: #111827;
|
||
}
|
||
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
|
||
"Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
color: var(--gray-900);
|
||
background: var(--gray-50);
|
||
line-height: 1.8;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.report-container {
|
||
max-width: 1100px;
|
||
margin: 0 auto;
|
||
background: white;
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
/* 封面 */
|
||
.cover {
|
||
text-align: center;
|
||
padding: 80px 60px;
|
||
background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
|
||
color: white;
|
||
}
|
||
.cover h1 { font-size: 32px; margin-bottom: 16px; font-weight: 700; }
|
||
.cover .subtitle { font-size: 18px; opacity: 0.9; margin-bottom: 40px; }
|
||
.cover .school-name { font-size: 42px; font-weight: 700; margin: 30px 0; letter-spacing: 4px; }
|
||
.cover .date { font-size: 16px; opacity: 0.7; margin-top: 40px; }
|
||
|
||
/* 正文 */
|
||
.section { padding: 40px 60px; page-break-before: auto; }
|
||
.section h1 {
|
||
font-size: 26px; color: var(--primary); margin-bottom: 24px;
|
||
padding-bottom: 12px; border-bottom: 3px solid var(--primary);
|
||
}
|
||
.section h2 { font-size: 22px; color: var(--gray-900); margin: 28px 0 16px; }
|
||
.section h3 { font-size: 18px; color: var(--gray-700); margin: 20px 0 12px; }
|
||
.section p { margin: 10px 0; text-indent: 2em; text-align: justify; }
|
||
|
||
/* 得分卡片 */
|
||
.score-cards {
|
||
display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||
gap: 16px; margin: 20px 0;
|
||
}
|
||
.score-card {
|
||
background: var(--gray-50); border-radius: 12px; padding: 20px;
|
||
text-align: center; border: 1px solid var(--gray-200);
|
||
transition: transform 0.2s, box-shadow 0.2s;
|
||
}
|
||
.score-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
|
||
.score-card .label { font-size: 13px; color: var(--gray-500); margin-bottom: 8px; }
|
||
.score-card .value { font-size: 32px; font-weight: 700; color: var(--primary); }
|
||
.score-card .diff { font-size: 13px; margin-top: 4px; }
|
||
.score-card .diff.positive { color: var(--success); }
|
||
.score-card .diff.negative { color: var(--danger); }
|
||
|
||
/* 图表容器 */
|
||
.chart-box {
|
||
width: 100%; margin: 20px 0; background: white;
|
||
border: 1px solid var(--gray-200); border-radius: 8px; padding: 16px;
|
||
}
|
||
.chart-box .chart { width: 100%; height: 400px; }
|
||
.chart-box .chart-title {
|
||
font-size: 14px; color: var(--gray-500); text-align: center;
|
||
margin-top: 8px; font-weight: 500;
|
||
}
|
||
|
||
/* 双图并排 */
|
||
.chart-row {
|
||
display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0;
|
||
}
|
||
.chart-row .chart-box { margin: 0; }
|
||
.chart-row .chart-box .chart { height: 350px; }
|
||
|
||
/* 三图并排 */
|
||
.chart-row-3 {
|
||
display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin: 20px 0;
|
||
}
|
||
.chart-row-3 .chart-box { margin: 0; }
|
||
.chart-row-3 .chart-box .chart { height: 300px; }
|
||
|
||
/* ====== 金字塔水平指示器 ====== */
|
||
.pyramid-container {
|
||
display: flex; flex-direction: column; align-items: center;
|
||
margin: 16px 0; padding: 20px;
|
||
}
|
||
.pyramid-row {
|
||
position: relative;
|
||
display: flex; align-items: center; justify-content: center;
|
||
margin: 3px 0;
|
||
width: 100%;
|
||
}
|
||
.pyramid-block {
|
||
height: 38px; display: flex; align-items: center; justify-content: center;
|
||
font-weight: 700; font-size: 13px; color: white;
|
||
border-radius: 4px; transition: all 0.3s;
|
||
letter-spacing: 1px;
|
||
}
|
||
.pyramid-block.lv4 { width: 140px; background: linear-gradient(135deg, #059669, #10b981); }
|
||
.pyramid-block.lv3 { width: 200px; background: linear-gradient(135deg, #2563eb, #3b82f6); }
|
||
.pyramid-block.lv2 { width: 260px; background: linear-gradient(135deg, #d97706, #f59e0b); }
|
||
.pyramid-block.lv1 { width: 320px; background: linear-gradient(135deg, #dc2626, #ef4444); }
|
||
.pyramid-block.active {
|
||
box-shadow: 0 0 0 3px white, 0 0 0 6px var(--primary);
|
||
transform: scale(1.05); z-index: 2;
|
||
}
|
||
.pyramid-block.dimmed { opacity: 0.35; }
|
||
/* 标注用绝对定位，不影响色块居中 */
|
||
.pyramid-label {
|
||
position: absolute;
|
||
left: calc(50% + 175px); /* 最宽块320/2=160，再留15px间距 */
|
||
font-size: 13px; font-weight: 700;
|
||
color: var(--primary); white-space: nowrap;
|
||
animation: arrowPulse 1.5s infinite;
|
||
}
|
||
.pyramid-label .arrow { margin-right: 4px; }
|
||
@keyframes arrowPulse {
|
||
0%, 100% { opacity: 1; transform: translateX(0); }
|
||
50% { opacity: 0.6; transform: translateX(4px); }
|
||
}
|
||
|
||
/* 水平指示器（行内） */
|
||
.level-indicator {
|
||
display: inline-flex; align-items: center; gap: 6px;
|
||
padding: 4px 14px; border-radius: 20px; font-size: 14px; font-weight: 600;
|
||
}
|
||
.level-indicator.level-4 { background: #d1fae5; color: #065f46; }
|
||
.level-indicator.level-3 { background: #dbeafe; color: #1e40af; }
|
||
.level-indicator.level-2 { background: #fef3c7; color: #92400e; }
|
||
.level-indicator.level-1 { background: #fee2e2; color: #991b1b; }
|
||
|
||
/* 水平对比表 */
|
||
.level-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
|
||
.level-table th {
|
||
background: var(--primary); color: white; padding: 10px 14px;
|
||
text-align: center; font-weight: 600;
|
||
}
|
||
.level-table td { padding: 10px 14px; text-align: center; border: 1px solid var(--gray-200); font-weight: 600; }
|
||
.level-table .lv4 { background: #d1fae5; color: #065f46; }
|
||
.level-table .lv3 { background: #dbeafe; color: #1e40af; }
|
||
.level-table .lv2 { background: #fef3c7; color: #92400e; }
|
||
.level-table .lv1 { background: #fee2e2; color: #991b1b; }
|
||
|
||
/* 表格 */
|
||
.data-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
|
||
.data-table th {
|
||
background: var(--primary); color: white; padding: 10px 14px;
|
||
text-align: center; font-weight: 600;
|
||
}
|
||
.data-table td { padding: 10px 14px; text-align: center; border-bottom: 1px solid var(--gray-200); }
|
||
.data-table tr:nth-child(even) { background: var(--gray-50); }
|
||
.data-table tr:hover { background: var(--primary-light); }
|
||
|
||
/* LLM分析区域 */
|
||
.llm-analysis {
|
||
background: var(--gray-50); border-left: 4px solid var(--primary);
|
||
padding: 20px 24px; margin: 16px 0; border-radius: 0 8px 8px 0;
|
||
}
|
||
.llm-analysis p { text-indent: 2em; margin: 8px 0; }
|
||
.llm-analysis p.action-title {
|
||
text-indent: 0; margin: 18px 0 4px 0; padding: 6px 0;
|
||
border-bottom: 1px solid var(--gray-200);
|
||
font-size: 15.5px;
|
||
}
|
||
.llm-analysis p.action-title:first-child { margin-top: 0; }
|
||
.llm-analysis h3 { color: var(--primary); margin: 12px 0 8px; }
|
||
.llm-analysis h4 { color: var(--gray-700); margin: 10px 0 6px; }
|
||
.llm-analysis ul, .llm-analysis ol { margin: 8px 0 8px 2em; }
|
||
.llm-analysis li { margin: 4px 0; }
|
||
.llm-analysis strong { color: var(--primary); }
|
||
|
||
/* 图表解读说明（轻量版，紧贴图表下方） */
|
||
.chart-caption {
|
||
background: linear-gradient(135deg, #f0f4ff 0%, #f8fafc 100%);
|
||
border: 1px solid var(--gray-200);
|
||
border-top: none;
|
||
padding: 12px 18px;
|
||
margin: -4px 0 20px 0;
|
||
border-radius: 0 0 8px 8px;
|
||
font-size: 13.5px;
|
||
color: var(--gray-700);
|
||
line-height: 1.7;
|
||
}
|
||
.chart-caption::before {
|
||
content: '▎';
|
||
color: var(--primary);
|
||
font-weight: 700;
|
||
margin-right: 6px;
|
||
}
|
||
.chart-caption p {
|
||
display: inline;
|
||
margin: 0;
|
||
text-indent: 0;
|
||
}
|
||
|
||
/* 分隔线 */
|
||
.section-divider {
|
||
border: none; border-top: 2px dashed var(--gray-200);
|
||
margin: 30px 0;
|
||
}
|
||
|
||
/* 类型标签 */
|
||
.type-badge {
|
||
display: inline-flex; align-items: center; gap: 6px;
|
||
padding: 6px 16px; border-radius: 20px; font-size: 14px; font-weight: 600;
|
||
}
|
||
.type-badge.good {
|
||
background: linear-gradient(135deg, #d1fae5, #a7f3d0);
|
||
color: #065f46; border: 1px solid #6ee7b7;
|
||
}
|
||
.type-badge.neutral {
|
||
background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
|
||
color: #3730a3; border: 1px solid #a5b4fc;
|
||
}
|
||
.type-badge.weak {
|
||
background: linear-gradient(135deg, #fef3c7, #fde68a);
|
||
color: #92400e; border: 1px solid #fcd34d;
|
||
}
|
||
|
||
/* ====== 右侧目录导航（极简现代风） ====== */
|
||
.toc-nav {
|
||
position: fixed;
|
||
top: 50%; right: 20px;
|
||
transform: translateY(-50%);
|
||
width: 180px;
|
||
max-height: 75vh;
|
||
overflow-y: auto;
|
||
background: rgba(255,255,255,0.85);
|
||
backdrop-filter: blur(12px);
|
||
-webkit-backdrop-filter: blur(12px);
|
||
border-radius: 12px;
|
||
padding: 14px 0;
|
||
z-index: 1000;
|
||
opacity: 0.45;
|
||
transition: opacity 0.3s, box-shadow 0.3s;
|
||
}
|
||
.toc-nav:hover {
|
||
opacity: 1;
|
||
box-shadow: 0 8px 32px rgba(0,0,0,0.08);
|
||
}
|
||
.toc-nav::-webkit-scrollbar { width: 0; }
|
||
|
||
/* 左侧细线轨道 */
|
||
.toc-track {
|
||
position: relative;
|
||
padding-left: 2px;
|
||
}
|
||
.toc-track::before {
|
||
content: '';
|
||
position: absolute; left: 14px; top: 0; bottom: 0;
|
||
width: 1.5px;
|
||
background: var(--gray-200);
|
||
}
|
||
|
||
.toc-item {
|
||
display: block;
|
||
position: relative;
|
||
padding: 4px 14px 4px 28px;
|
||
color: var(--gray-500);
|
||
text-decoration: none;
|
||
font-size: 12px;
|
||
line-height: 1.6;
|
||
transition: color 0.2s;
|
||
cursor: pointer;
|
||
}
|
||
/* 轨道上的圆点 */
|
||
.toc-item::before {
|
||
content: '';
|
||
position: absolute; left: 11px; top: 50%;
|
||
width: 5px; height: 5px;
|
||
border-radius: 50%;
|
||
background: var(--gray-300);
|
||
transform: translateY(-50%);
|
||
transition: all 0.25s;
|
||
}
|
||
.toc-item:hover { color: var(--gray-900); }
|
||
.toc-item:hover::before { background: var(--gray-500); }
|
||
|
||
.toc-item.active {
|
||
color: var(--gray-900);
|
||
font-weight: 600;
|
||
}
|
||
.toc-item.active::before {
|
||
background: var(--primary);
|
||
width: 7px; height: 7px;
|
||
box-shadow: 0 0 0 3px rgba(26,86,219,0.15);
|
||
}
|
||
|
||
.toc-item.level-1 {
|
||
font-size: 12px; font-weight: 500;
|
||
padding-top: 6px; padding-bottom: 2px;
|
||
color: var(--gray-700);
|
||
}
|
||
.toc-item.level-2 {
|
||
font-size: 11px; font-weight: 400;
|
||
padding-left: 36px;
|
||
color: var(--gray-400);
|
||
max-height: 0; overflow: hidden;
|
||
padding-top: 0; padding-bottom: 0;
|
||
transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s;
|
||
opacity: 0;
|
||
}
|
||
.toc-item.level-2.visible {
|
||
max-height: 30px;
|
||
padding-top: 3px; padding-bottom: 3px;
|
||
opacity: 1;
|
||
}
|
||
.toc-item.level-2::before { left: 19px; width: 4px; height: 4px; }
|
||
.toc-item.level-2.active::before { width: 6px; height: 6px; }
|
||
|
||
/* 折叠按钮（如果有chat-fab则上移避让） */
|
||
.toc-toggle {
|
||
position: fixed;
|
||
bottom: 24px; right: 80px;
|
||
width: 40px; height: 40px;
|
||
background: rgba(255,255,255,0.9);
|
||
backdrop-filter: blur(8px);
|
||
color: var(--gray-700);
|
||
border: 1px solid var(--gray-200);
|
||
border-radius: 10px;
|
||
cursor: pointer; z-index: 1001;
|
||
font-size: 18px;
|
||
display: none;
|
||
align-items: center; justify-content: center;
|
||
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
|
||
transition: background 0.2s, box-shadow 0.2s;
|
||
}
|
||
.toc-toggle:hover {
|
||
background: white;
|
||
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
/* 打印样式 */
|
||
@media print {
|
||
body { background: white; }
|
||
.report-container { box-shadow: none; max-width: none; }
|
||
.section { page-break-inside: avoid; }
|
||
.chart-box { page-break-inside: avoid; }
|
||
.chart-row { grid-template-columns: 1fr 1fr; }
|
||
.toc-nav, .toc-toggle { display: none !important; }
|
||
}
|
||
|
||
@media (max-width: 1400px) {
|
||
.toc-nav { width: 160px; right: 12px; }
|
||
}
|
||
@media (max-width: 1280px) {
|
||
.toc-nav { display: none; }
|
||
.toc-toggle { display: flex; }
|
||
.toc-nav.show {
|
||
display: block; right: 12px; bottom: 72px; top: auto;
|
||
transform: none; max-height: 65vh;
|
||
opacity: 1; box-shadow: 0 8px 32px rgba(0,0,0,0.1);
|
||
}
|
||
}
|
||
@media (max-width: 768px) {
|
||
.chart-row { grid-template-columns: 1fr; }
|
||
.chart-row-3 { grid-template-columns: 1fr; }
|
||
.section { padding: 20px 24px; }
|
||
.cover { padding: 40px 24px; }
|
||
.cover .school-name { font-size: 28px; }
|
||
.toc-nav { display: none; }
|
||
.toc-toggle { display: flex; }
|
||
.toc-nav.show { display: block; width: 170px; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<nav class="toc-nav" id="toc-nav"><div class="toc-track" id="toc-track"></div></nav>
|
||
<button class="toc-toggle" id="toc-toggle" onclick="document.getElementById('toc-nav').classList.toggle('show')">☰</button>
|
||
|
||
<div class="report-container">
|
||
|
||
|
||
|
||
<div class="cover">
|
||
<h1>课程实施监测数据分析报告</h1>
|
||
<div class="subtitle">基于学校领导力视角的七维度分析</div>
|
||
<div class="school-name">复旦中学</div>
|
||
<div class="subtitle">长宁区 · 市实验性示范性高中</div>
|
||
<div class="date">2026年03月23日</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="section" id="part1">
|
||
<h1>第一部分 测评背景与实施</h1>
|
||
|
||
<h2>一、测评背景</h2>
|
||
|
||
<p>为深入贯彻《教育部关于做好普通高中新课程新教材实施工作的指导意见》（教基〔2018〕15号）、《关于新时代推进普通高中育人方式改革的指导意见》（国办发〔2019〕29号）及《基础教育课程教学改革深化行动方案》（教材厅函〔2023〕3号）等一系列国家教育政策导向，积极响应《教育部办公厅关于开展课程实施与教材使用监测工作的通知》（教材厅函〔2023〕5号）的具体要求，上海市教委积极行动，发布了针对性的政策文件，进一步强化国家课程方案的实施转化，并提出建立健全课程实施的监测与反馈机制，以循证决策为引领，持续优化与改进课程规划与实施路径。</p>
|
||
|
||
<p>学校领导力是学校发展的核心驱动力。实施管理的素养导向立意与决策质量直接影响学校课程教学的整体表现与成效。课程实施管理的重点在于学校课程管理规划与施策，以及这些决策在教学活动中的切实落地。鉴于此，我们从学校领导力视角出发，确保课程领导力、教学变革力、学生发展指导力、教师发展支持力、教育质量评估力、教育条件保障力和数字化赋能力七大维度相互协同，共同作用于学校课程实施的全局。</p>
|
||
|
||
<h2>二、测评框架</h2>
|
||
|
||
<p>本报告从学校领导力视角出发，对课程实施监测指标数据进行系统性的分析与指标再建构，构建了学校课程实施的七维度指标体系（见表1-1）。</p>
|
||
|
||
<table class="data-table">
|
||
<caption style="text-align:center; font-weight:600; margin-bottom:10px; color:var(--gray-700);">表1-1 指标体系表</caption>
|
||
<thead>
|
||
<tr><th style="width:120px;">二级维度</th><th style="width:150px;">三级维度</th><th>指标解读</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td rowspan="3"><strong>课程领导力</strong></td>
|
||
<td>国家标准遵循</td>
|
||
<td rowspan="3" style="text-align:left;">1.确保开齐开足国家课程；2.考察学校课程设置的合理性与多样性，包括学科类课程、校本课程、综合实践活动与劳动课程各类课程的课程安排与学生实践；3.关注核心素养导向课程的规范化建设情况</td>
|
||
</tr>
|
||
<tr><td>课程结构建设</td></tr>
|
||
<tr><td>课程规范落实</td></tr>
|
||
<tr>
|
||
<td rowspan="2"><strong>教学变革力</strong></td>
|
||
<td>教学方式变革</td>
|
||
<td rowspan="2" style="text-align:left;">1.课中教学方式革新，倡导深度学习，重视个性化教育；2.课后作业设计、管理科学高效</td>
|
||
</tr>
|
||
<tr><td>作业设计与管理变革</td></tr>
|
||
<tr>
|
||
<td rowspan="2"><strong>学生发展指导力</strong></td>
|
||
<td>学科发展的个性化辅导</td>
|
||
<td rowspan="2" style="text-align:left;">1.根据学生的特点和需要，教师进行选课指导、个性化辅导等；2.学校提供个性化的生涯指导服务，建立完善的生涯发展支持体系；3.关注学生综合素质发展</td>
|
||
</tr>
|
||
<tr><td>学生生涯发展指导</td></tr>
|
||
<tr>
|
||
<td rowspan="3"><strong>教师发展支持力</strong></td>
|
||
<td>培训支持</td>
|
||
<td rowspan="3" style="text-align:left;">1.给教师提供入职培训、在职培训以及外出学习机会；2.学校定期组织教研活动，建立教学资源库；3.给教师提供参与科研项目和研究活动的支持</td>
|
||
</tr>
|
||
<tr><td>教研支持</td></tr>
|
||
<tr><td>项目支持</td></tr>
|
||
<tr>
|
||
<td rowspan="4"><strong>教育质量评估力</strong></td>
|
||
<td>科学评价观</td>
|
||
<td rowspan="4" style="text-align:left;">1.面向学生核心素养与综合素质发展，确立科学评价观；2.关注学业质量，对标课程标准科学评价学生表现；3.关注综合素质多方面评价；4.关注学生实践活动表现</td>
|
||
</tr>
|
||
<tr><td>学业质量评估</td></tr>
|
||
<tr><td>综合素质评估</td></tr>
|
||
<tr><td>实践活动评估</td></tr>
|
||
<tr>
|
||
<td rowspan="3"><strong>教育条件保障力</strong></td>
|
||
<td>区域推进</td>
|
||
<td rowspan="3" style="text-align:left;">1.了解学校所在区域教育局对高中教育教学工作的推动情况；2.评估学校信息技术环境、教学设备、场馆设施的支持情况；3.关注学校如何统筹师资配置、校内资源、社区资源等</td>
|
||
</tr>
|
||
<tr><td>环境支持</td></tr>
|
||
<tr><td>资源支持</td></tr>
|
||
<tr>
|
||
<td rowspan="3"><strong>数字化赋能力</strong></td>
|
||
<td>教学方式创新</td>
|
||
<td rowspan="3" style="text-align:left;">1.关注数智化资源支持与赋能课程、教学、评价的情况；2.了解学校校内外的数智化资源、信息化平台与信息系统建设情况</td>
|
||
</tr>
|
||
<tr><td>评价精准化与个性化</td></tr>
|
||
<tr><td>课程迭代优化</td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h2>三、测评实施</h2>
|
||
|
||
<h3>（一）测评对象</h3>
|
||
<p>本次监测面向长宁区普通高中学校，共有9所高中学校参与本次监测。每所参与监测的高中学校，均抽取了行政管理部门的学校管理者代表（包括校长、副校长、部门主任等）、各学科教研组组长参加问卷调查。</p>
|
||
|
||
<h3>（二）测评方法</h3>
|
||
<p>基于上海市教师教育学院（上海市教委教研室）开展的中小学课程实施监测的研究框架，采用问卷调查方式采集学校课程实施信息，涵盖学校基础信息、课程实施情况和学科课程实施情况三个维度的数据。</p>
|
||
|
||
<h3>（三）数据分析</h3>
|
||
<p>数据分析流程如下：</p>
|
||
<p><strong>第一，指标体系重构。</strong>基于学校领导力视角的七维度重构维度、指标及具体题目的映射关系，形成多级指标体系。</p>
|
||
<p><strong>第二，PCA（主成分分析）合成。</strong>对问卷中的各个题目进行标准化处理，利用主成分分析方法，将多个相关变量合成为主成分，提取各三级维度得分。</p>
|
||
<p><strong>第三，标准化得分统一量纲。</strong>对PCA合成后的主成分进行标准化处理，将数据统一到均值50、标准差10的正态分布上。68.27%的样本处于[40分, 60分]区间，84.45%处于[30分, 70分]，如某所学校得分为60分，意味着其表现超过了约84%的学校。</p>
|
||
<p><strong>第四，对三级维度划分水平。</strong>依据维度内涵和学校表现分布，从题目层面确定水平划分的分界点分数，对各学校划分水平1~4（见表1-2）。</p>
|
||
<p><strong>第五，聚类分析。</strong>基于标准化得分，对学校进行聚类分析，将具有相似特征的学校归为一类，识别出各维度下不同类型的学校群体。</p>
|
||
|
||
<h3>（四）三级维度水平划分</h3>
|
||
<table class="data-table" style="font-size:13px;">
|
||
<caption style="text-align:center; font-weight:600; margin-bottom:10px; color:var(--gray-700);">表1-2 三级维度水平划分表</caption>
|
||
<thead>
|
||
<tr><th>三级维度</th><th>水平4</th><th>水平3</th><th>水平2</th><th>水平1</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>国家标准遵循</strong></td>
|
||
<td style="text-align:left; font-size:12px;">所有科目必修课程开齐开足，选必和选修满足要求</td>
|
||
<td style="text-align:left; font-size:12px;">考试类科目必修开齐，选必和选修满足要求</td>
|
||
<td style="text-align:left; font-size:12px;">必修未能开齐开足，选必和选修有一个满足要求</td>
|
||
<td style="text-align:left; font-size:12px;">必修未能开齐开足，选必和选修均不满足要求</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>课程结构建设</strong></td>
|
||
<td style="text-align:left; font-size:12px;">学科类必修课程离差总和在30%以内，总体三类课程在150%以下，校本课程和综合实践较好</td>
|
||
<td style="text-align:left; font-size:12px;">总体三类课程离差总和在250%以下，校本课程和综合实践高于平均水平</td>
|
||
<td style="text-align:left; font-size:12px;">总体三类课程离差总和在300%以下，校本课程和综合实践较差</td>
|
||
<td style="text-align:left; font-size:12px;">总体三类课程的离差和很高，校本课程和综合实践在末尾25%</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>课程规范落实</strong></td>
|
||
<td style="text-align:left; font-size:12px;">都有建设规范文本和档案记录</td>
|
||
<td style="text-align:left; font-size:12px;">都有建设规范文本，但过程性档案记录已经全部建成，部分有尚未使用</td>
|
||
<td style="text-align:left; font-size:12px;">部分有建设规范文本，档案大部分已经建成但未使用</td>
|
||
<td style="text-align:left; font-size:12px;">基本没有建设规范文本，档案尚未建成</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>教学方式变革</strong></td>
|
||
<td style="text-align:left; font-size:12px;">所有老师有共识和研究，并能够系统设计、有效实施，至少有3种常态化落实形式</td>
|
||
<td style="text-align:left; font-size:12px;">大部分老师有共识和研究，并能够落实教材中的相关要求，至少有2种常态化落实形式</td>
|
||
<td style="text-align:left; font-size:12px;">个别老师有研究，并能够偶尔引导学生开展学习，至少有1种常态化落实形式</td>
|
||
<td style="text-align:left; font-size:12px;">基本没有教学方法等相关研究，基本不组织相关学习，没有或仅有1种落实形式</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>作业设计与管理变革</strong></td>
|
||
<td style="text-align:left; font-size:12px;">在每类创新性作业中至少掌握3种类型，作业时长有统一控制管理，定期批改评价，有多元化属性标注</td>
|
||
<td style="text-align:left; font-size:12px;">在每类创新性作业中至少掌握2种类型，偶有时长控制管理，面批为主，有至少两种属性标注</td>
|
||
<td style="text-align:left; font-size:12px;">至少掌握1种类型或擅长某1-2种创新作业，学生自己控制时长，很少反馈，有属性标注</td>
|
||
<td style="text-align:left; font-size:12px;">擅长某种创新作业，学生自己控制时长，几乎不反馈，无属性标注</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>学科发展的个性化辅导</strong></td>
|
||
<td style="text-align:left; font-size:12px;">各学科平均辅导时长每周2小时以上，教师根据学情确定内容，采取个别辅导方式</td>
|
||
<td style="text-align:left; font-size:12px;">各学科平均辅导时长每周1-2小时，教师根据学情确定内容，主要个别分散辅导</td>
|
||
<td style="text-align:left; font-size:12px;">各学科平均辅导时长每周1小时以内，学生提出需求后教师辅导，分组统一或分散辅导</td>
|
||
<td style="text-align:left; font-size:12px;">辅导时长每周1小时以内或不辅导，学生提出需求后教师辅导，班级统一辅导</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>学生生涯发展指导</strong></td>
|
||
<td style="text-align:left; font-size:12px;">专设生涯指导课程，三年覆盖90%+学生，本校+外聘教师队伍，校内外资源足够支持</td>
|
||
<td style="text-align:left; font-size:12px;">外请讲座实施，三年覆盖70-90%学生，外聘教师队伍，校内外资源有一些支持</td>
|
||
<td style="text-align:left; font-size:12px;">与社会考察/志愿服务结合实施，三年覆盖50-70%学生，外聘教师，几乎无资源支持</td>
|
||
<td style="text-align:left; font-size:12px;">与社会考察/志愿服务结合实施，三年覆盖50%以下，未形成稳定队伍，几乎无资源支持</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>培训支持</strong></td>
|
||
<td style="text-align:left; font-size:12px;">各学科教师平均外出培训人数≥2.5人</td>
|
||
<td style="text-align:left; font-size:12px;">各学科教师平均外出培训人数≥1.5人</td>
|
||
<td style="text-align:left; font-size:12px;">各学科教师平均外出培训人数≥1人</td>
|
||
<td style="text-align:left; font-size:12px;">各学科教师几乎不进行外出培训</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>教研支持</strong></td>
|
||
<td style="text-align:left; font-size:12px;">教研的数量和质量均较高</td>
|
||
<td style="text-align:left; font-size:12px;">有教研活动，质量较好</td>
|
||
<td style="text-align:left; font-size:12px;">有教研活动但质量一般</td>
|
||
<td style="text-align:left; font-size:12px;">活动数量和质量均较低</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>项目支持</strong></td>
|
||
<td style="text-align:left; font-size:12px;">各学科均有负责的校级以上项目至少一个</td>
|
||
<td style="text-align:left; font-size:12px;">有部分学科负责校级以上项目至少一个</td>
|
||
<td style="text-align:left; font-size:12px;">各学科没有负责的校级以上项目，部分学科有校级项目至少一个</td>
|
||
<td style="text-align:left; font-size:12px;">各学科校级及校级以上的项目均没有</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>科学评价观</strong></td>
|
||
<td style="text-align:left; font-size:12px;">在所有方面均能至少关注两项素养发展</td>
|
||
<td style="text-align:left; font-size:12px;">至少有三个方面关注两项素养发展</td>
|
||
<td style="text-align:left; font-size:12px;">能较多关注学生发展</td>
|
||
<td style="text-align:left; font-size:12px;">较少关注学生发展</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>学业质量评估</strong></td>
|
||
<td style="text-align:left; font-size:12px;">校本化评价工具已研制并使用，学期考试质量分析并标注属性较为全面</td>
|
||
<td style="text-align:left; font-size:12px;">校本化评价工具已研制并使用，学期考试质量分析不做硬性要求</td>
|
||
<td style="text-align:left; font-size:12px;">至少已研制一项校本化评价工具，学期考试质量分析不做硬性要求</td>
|
||
<td style="text-align:left; font-size:12px;">未能重视学业质量评估，校本化评价工具均欠缺</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>综合素质评估</strong></td>
|
||
<td style="text-align:left; font-size:12px;">校本化综合素质评价体系均有建设和使用，有平台支持且评价结果表达科学</td>
|
||
<td style="text-align:left; font-size:12px;">校本化综合素质评价体系均有建设和使用，支持平台和评价结果使用有待提高</td>
|
||
<td style="text-align:left; font-size:12px;">校本化综合素质评价方案建成，但具体评价工具有待开发</td>
|
||
<td style="text-align:left; font-size:12px;">未能重视校本化综合素质评价，方案、工具和结果使用等均欠缺</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>实践活动评估</strong></td>
|
||
<td style="text-align:left; font-size:12px;">研究性学习、社会考察和学科实践活动的校本化评价工具已研制并使用</td>
|
||
<td style="text-align:left; font-size:12px;">学科实践活动的校本化评价工具已研制并使用，研究性学习/社会考察至少一项已研制但尚未使用</td>
|
||
<td style="text-align:left; font-size:12px;">学科实践活动的校本化评价工具已研制</td>
|
||
<td style="text-align:left; font-size:12px;">研究性学习、社会考察和学科实践活动的校本化评价工具均尚未研制和使用</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>区域推进</strong></td>
|
||
<td style="text-align:left; font-size:12px;">召开会议平均一个月2次及以上，区域管理文件数量和措施均为最大值</td>
|
||
<td style="text-align:left; font-size:12px;">召开会议平均一个月1次及以上，区域管理文件3个以上，措施达3项</td>
|
||
<td style="text-align:left; font-size:12px;">召开会议、文件和措施至少有一项建设较好</td>
|
||
<td style="text-align:left; font-size:12px;">召开会议、文件和措施三项均建设较差</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>环境支持</strong></td>
|
||
<td style="text-align:left; font-size:12px;">信息化支持和硬件支持均处于较高水平</td>
|
||
<td style="text-align:left; font-size:12px;">信息化支持和硬件在平均水平附近</td>
|
||
<td style="text-align:left; font-size:12px;">信息化支持和硬件支持至少有一项建设较好</td>
|
||
<td style="text-align:left; font-size:12px;">信息化支持和硬件支持均建设较差</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>资源支持</strong></td>
|
||
<td style="text-align:left; font-size:12px;">校内外资源和师资水平均处于较高水平</td>
|
||
<td style="text-align:left; font-size:12px;">校内外资源至少有一项供给较好，师资水平较好</td>
|
||
<td style="text-align:left; font-size:12px;">校内外资源至少有一项仅略低于平均水平，师资水平略低于平均水平</td>
|
||
<td style="text-align:left; font-size:12px;">校内外资源和师资水平三项均建设较差</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>教学方式创新</strong></td>
|
||
<td style="text-align:left; font-size:12px;">信息技术与教学融合程度高，教师能常态化使用信息技术</td>
|
||
<td style="text-align:left; font-size:12px;">信息技术与教学融合程度较高，教师能使用信息技术</td>
|
||
<td style="text-align:left; font-size:12px;">信息技术与教学融合程度一般，学校有信息化平台建设</td>
|
||
<td style="text-align:left; font-size:12px;">信息技术与教学融合程度较差，教师基本不使用信息技术</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>评价精准化与个性化</strong></td>
|
||
<td style="text-align:left; font-size:12px;">有自建信息技术平台支持学科诊断与综合素质评价</td>
|
||
<td style="text-align:left; font-size:12px;">借助第三方平台支持学科诊断与综合素质评价</td>
|
||
<td style="text-align:left; font-size:12px;">有信息技术平台支持学业评价</td>
|
||
<td style="text-align:left; font-size:12px;">没有信息技术平台支持评价</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td style="text-align:left;"><strong>课程迭代优化</strong></td>
|
||
<td style="text-align:left; font-size:12px;">学校对促进教学数字化转型有专项研修计划并开展相关活动，业务绝大部分使用信息化系统</td>
|
||
<td style="text-align:left; font-size:12px;">学校尚未制定专项研修计划，业务绝大部分使用信息化系统</td>
|
||
<td style="text-align:left; font-size:12px;">学校较少开展数字化转型活动，少数业务使用信息化系统</td>
|
||
<td style="text-align:left; font-size:12px;">学校几乎不开展数字化转型活动，尚未建成信息化管理系统</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="section" id="part2">
|
||
<h1>第二部分 学校课程实施总体表现</h1>
|
||
|
||
<h2>一、学校课程实施总体状况</h2>
|
||
|
||
<!-- 得分卡片 -->
|
||
<div class="score-cards">
|
||
<div class="score-card">
|
||
<div class="label">总体得分</div>
|
||
<div class="value">50.1</div>
|
||
<div class="diff negative">
|
||
-1.4 vs 区均值(51.5)
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区内排名</div>
|
||
<div class="value">6/9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">同类学校均值</div>
|
||
<div class="value" style="font-size:24px">52.5</div>
|
||
<div class="diff negative">
|
||
-2.4 vs 同类
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">课程实施类型</div>
|
||
<div class="value" style="font-size:16px">
|
||
<span class="type-badge weak">
|
||
待提升
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- A. 学校画像卡 + 优势-短板象限图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="profile-card-chart" class="chart" style="height:420px"></div>
|
||
<div class="chart-title">图2-0a 学校课程实施画像总览</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="quadrant-chart" class="chart" style="height:420px"></div>
|
||
<div class="chart-title">图2-0b 三级维度优势-短板象限分析</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 得分对比横向条形图 + 七维度雷达图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="score-compare-chart" class="chart"></div>
|
||
<div class="chart-title">图2-1 课程实施七维度得分对比</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="radar-chart" class="chart"></div>
|
||
<div class="chart-title">图2-2 课程实施七维度雷达图</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类类型分布 + 两类学校折线对比 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="cluster-type-dist-chart" class="chart"></div>
|
||
<div class="chart-title">图2-3 学校课程实施总体类型分布</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="cluster-line-chart" class="chart"></div>
|
||
<div class="chart-title">图2-4 两类学校课程实施特征对比</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类类型对比雷达图 + 区内学校排名条形图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="cluster-radar-chart" class="chart"></div>
|
||
<div class="chart-title">图2-5 学校课程实施类型特征对比（雷达图）</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="school-ranking-chart" class="chart"></div>
|
||
<div class="chart-title">图2-6 区内各校总体得分排名</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 维度间相关性热力图 -->
|
||
<div class="chart-box">
|
||
<div id="correlation-chart" class="chart" style="height:450px"></div>
|
||
<div class="chart-title">图2-7 课程实施维度间相关性分析</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- LLM综合分析 -->
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2>二、分维度状况</h2>
|
||
|
||
<!-- 维度得分对比表 -->
|
||
<table class="data-table">
|
||
<thead>
|
||
<tr>
|
||
<th>维度</th>
|
||
<th>复旦中学</th>
|
||
<th>区均值</th>
|
||
<th>同类学校均值</th>
|
||
<th>差异(vs区)</th>
|
||
<th>区内排名</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
<tr>
|
||
<td><strong>课程领导力</strong></td>
|
||
<td>49.23</td>
|
||
<td>51.98</td>
|
||
<td>52.03</td>
|
||
<td style="color: red">
|
||
-2.74
|
||
</td>
|
||
<td>7/9</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td><strong>教学变革力</strong></td>
|
||
<td>50.95</td>
|
||
<td>51.32</td>
|
||
<td>51.74</td>
|
||
<td style="color: red">
|
||
-0.37
|
||
</td>
|
||
<td>5/9</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td><strong>学生发展指导力</strong></td>
|
||
<td>50.99</td>
|
||
<td>50.05</td>
|
||
<td>51.41</td>
|
||
<td style="color: green">
|
||
+0.94
|
||
</td>
|
||
<td>4/9</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td><strong>教师发展支持力</strong></td>
|
||
<td>52.34</td>
|
||
<td>50.84</td>
|
||
<td>53.91</td>
|
||
<td style="color: green">
|
||
+1.49
|
||
</td>
|
||
<td>3/9</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td><strong>教育质量评估力</strong></td>
|
||
<td>46.19</td>
|
||
<td>52.65</td>
|
||
<td>53.49</td>
|
||
<td style="color: red">
|
||
-6.46
|
||
</td>
|
||
<td>9/9</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td><strong>教育条件保障力</strong></td>
|
||
<td>51.66</td>
|
||
<td>53.39</td>
|
||
<td>53.09</td>
|
||
<td style="color: red">
|
||
-1.73
|
||
</td>
|
||
<td>5/9</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td><strong>数字化赋能力</strong></td>
|
||
<td>49.25</td>
|
||
<td>50.55</td>
|
||
<td>51.84</td>
|
||
<td style="color: red">
|
||
-1.29
|
||
</td>
|
||
<td>6/9</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="section" id="part3">
|
||
<h1>第三部分 课程领导力表现</h1>
|
||
|
||
<h2>一、整体表现</h2>
|
||
|
||
<div class="score-cards">
|
||
<div class="score-card">
|
||
<div class="label">课程领导力得分</div>
|
||
<div class="value">49.2</div>
|
||
<div class="diff negative">
|
||
-2.7 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">同类学校均值</div>
|
||
<div class="value" style="font-size:24px">52.0</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区内排名</div>
|
||
<div class="value">7/9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">维度表现</div>
|
||
<div class="value" style="font-size:14px">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span class="type-badge neutral">略低于区均</span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 维度独立得分柱状图 + 子维度雷达/柱状图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="dim-score-part3" class="chart"></div>
|
||
<div class="chart-title">图3-1 课程领导力得分情况</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="sub-radar-part3" class="chart"></div>
|
||
<div class="chart-title">图3-2 课程领导力各子维度得分情况</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 子维度柱状图 + 水平分布堆叠图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="chart-part3" class="chart"></div>
|
||
<div class="chart-title">图3-3 课程领导力各子维度对比详情</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="level-part3" class="chart"></div>
|
||
<div class="chart-title">图3-4 课程领导力各子维度水平分布</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类散点图（2D或3D） -->
|
||
<div class="chart-box">
|
||
<div id="scatter-part3" class="chart" style="height:450px"></div>
|
||
<div class="chart-title">图3-5 课程领导力聚类分析散点图</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 维度整体LLM分析 -->
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<!-- 水平对比表 -->
|
||
<h3>课程领导力各子维度水平对比（表3-1）</h3>
|
||
<table class="level-table">
|
||
<thead>
|
||
<tr>
|
||
<th>子维度</th>
|
||
<th>复旦中学</th>
|
||
<th>得分</th>
|
||
<th>区均值</th>
|
||
<th>排名</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
|
||
|
||
<tr>
|
||
<td>国家标准遵循</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>53.5</td>
|
||
<td>53.3</td>
|
||
<td>5/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>课程结构建设</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>46.8</td>
|
||
<td>49.7</td>
|
||
<td>7/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>课程规范落实</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>47.4</td>
|
||
<td>52.9</td>
|
||
<td>8/9</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<!-- 各三级维度详细分析 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part3-1">二、国家标准遵循</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">53.5</div>
|
||
<div class="diff positive">
|
||
+0.1 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">53.3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">5/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part3-1" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 5所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>必修未能开齐开足，选必和选修有一个满足要求
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part3-2">三、课程结构建设</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">46.8</div>
|
||
<div class="diff negative">
|
||
-2.9 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">49.7</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">7/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part3-2" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 2所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>总体三类课程离差总和在300%以下，校本课程和综合实践较差
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part3-3">四、课程规范落实</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">47.4</div>
|
||
<div class="diff negative">
|
||
-5.5 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">52.9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">8/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part3-3" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 3所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 1所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>部分有建设规范文本，档案大部分已经建成但未使用
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="section" id="part4">
|
||
<h1>第四部分 教学变革力表现</h1>
|
||
|
||
<h2>一、整体表现</h2>
|
||
|
||
<div class="score-cards">
|
||
<div class="score-card">
|
||
<div class="label">教学变革力得分</div>
|
||
<div class="value">51.0</div>
|
||
<div class="diff negative">
|
||
-0.4 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">同类学校均值</div>
|
||
<div class="value" style="font-size:24px">51.7</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区内排名</div>
|
||
<div class="value">5/9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">维度表现</div>
|
||
<div class="value" style="font-size:14px">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span class="type-badge neutral">接近区均</span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 维度独立得分柱状图 + 子维度雷达/柱状图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="dim-score-part4" class="chart"></div>
|
||
<div class="chart-title">图4-1 教学变革力得分情况</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="sub-radar-part4" class="chart"></div>
|
||
<div class="chart-title">图4-2 教学变革力各子维度得分情况</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 子维度柱状图 + 水平分布堆叠图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="chart-part4" class="chart"></div>
|
||
<div class="chart-title">图4-3 教学变革力各子维度对比详情</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="level-part4" class="chart"></div>
|
||
<div class="chart-title">图4-4 教学变革力各子维度水平分布</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类散点图（2D或3D） -->
|
||
<div class="chart-box">
|
||
<div id="scatter-part4" class="chart" style="height:450px"></div>
|
||
<div class="chart-title">图4-5 教学变革力聚类分析散点图</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 维度整体LLM分析 -->
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<!-- 水平对比表 -->
|
||
<h3>教学变革力各子维度水平对比（表4-1）</h3>
|
||
<table class="level-table">
|
||
<thead>
|
||
<tr>
|
||
<th>子维度</th>
|
||
<th>复旦中学</th>
|
||
<th>得分</th>
|
||
<th>区均值</th>
|
||
<th>排名</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
|
||
|
||
<tr>
|
||
<td>教学方式变革</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>50.8</td>
|
||
<td>49.9</td>
|
||
<td>3/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>作业设计与管理变革</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>51.1</td>
|
||
<td>52.7</td>
|
||
<td>5/9</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<!-- 各三级维度详细分析 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part4-1">二、教学方式变革</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">50.8</div>
|
||
<div class="diff positive">
|
||
+0.8 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">49.9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">3/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part4-1" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 8所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>大部分老师有共识和研究，并能够落实教材中的相关要求，至少有2种常态化落实形式
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part4-2">三、作业设计与管理变革</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">51.1</div>
|
||
<div class="diff negative">
|
||
-1.6 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">52.7</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">5/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part4-2" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 3所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 5所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>在每类创新性作业中至少掌握2种类型，偶有时长控制管理，面批为主，有至少两种属性标注
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="section" id="part5">
|
||
<h1>第五部分 学生发展指导力表现</h1>
|
||
|
||
<h2>一、整体表现</h2>
|
||
|
||
<div class="score-cards">
|
||
<div class="score-card">
|
||
<div class="label">学生发展指导力得分</div>
|
||
<div class="value">51.0</div>
|
||
<div class="diff positive">
|
||
+0.9 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">同类学校均值</div>
|
||
<div class="value" style="font-size:24px">51.4</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区内排名</div>
|
||
<div class="value">4/9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">维度表现</div>
|
||
<div class="value" style="font-size:14px">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span class="type-badge good">略高于区均</span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 维度独立得分柱状图 + 子维度雷达/柱状图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="dim-score-part5" class="chart"></div>
|
||
<div class="chart-title">图5-1 学生发展指导力得分情况</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="sub-radar-part5" class="chart"></div>
|
||
<div class="chart-title">图5-2 学生发展指导力各子维度得分情况</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 子维度柱状图 + 水平分布堆叠图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="chart-part5" class="chart"></div>
|
||
<div class="chart-title">图5-3 学生发展指导力各子维度对比详情</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="level-part5" class="chart"></div>
|
||
<div class="chart-title">图5-4 学生发展指导力各子维度水平分布</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类散点图（2D或3D） -->
|
||
<div class="chart-box">
|
||
<div id="scatter-part5" class="chart" style="height:450px"></div>
|
||
<div class="chart-title">图5-5 学生发展指导力聚类分析散点图</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 维度整体LLM分析 -->
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<!-- 水平对比表 -->
|
||
<h3>学生发展指导力各子维度水平对比（表5-1）</h3>
|
||
<table class="level-table">
|
||
<thead>
|
||
<tr>
|
||
<th>子维度</th>
|
||
<th>复旦中学</th>
|
||
<th>得分</th>
|
||
<th>区均值</th>
|
||
<th>排名</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
|
||
|
||
<tr>
|
||
<td>学科发展的个性化辅导</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>52.0</td>
|
||
<td>50.4</td>
|
||
<td>3/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>学生生涯发展指导</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>50.0</td>
|
||
<td>49.7</td>
|
||
<td>6/9</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<!-- 各三级维度详细分析 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part5-1">二、学科发展的个性化辅导</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">52.0</div>
|
||
<div class="diff positive">
|
||
+1.6 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">50.4</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">3/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part5-1" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 4所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>各学科平均辅导时长每周1-2小时，教师根据学情确定内容，主要个别分散辅导
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part5-2">三、学生生涯发展指导</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">50.0</div>
|
||
<div class="diff positive">
|
||
+0.3 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">49.7</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">6/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part5-2" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 3所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 2所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>与社会考察/志愿服务结合实施，三年覆盖50-70%学生，外聘教师，几乎无资源支持
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="section" id="part6">
|
||
<h1>第六部分 教师发展支持力表现</h1>
|
||
|
||
<h2>一、整体表现</h2>
|
||
|
||
<div class="score-cards">
|
||
<div class="score-card">
|
||
<div class="label">教师发展支持力得分</div>
|
||
<div class="value">52.3</div>
|
||
<div class="diff positive">
|
||
+1.5 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">同类学校均值</div>
|
||
<div class="value" style="font-size:24px">53.9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区内排名</div>
|
||
<div class="value">3/9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">维度表现</div>
|
||
<div class="value" style="font-size:14px">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span class="type-badge good">略高于区均</span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 维度独立得分柱状图 + 子维度雷达/柱状图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="dim-score-part6" class="chart"></div>
|
||
<div class="chart-title">图6-1 教师发展支持力得分情况</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="sub-radar-part6" class="chart"></div>
|
||
<div class="chart-title">图6-2 教师发展支持力各子维度得分情况</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 子维度柱状图 + 水平分布堆叠图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="chart-part6" class="chart"></div>
|
||
<div class="chart-title">图6-3 教师发展支持力各子维度对比详情</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="level-part6" class="chart"></div>
|
||
<div class="chart-title">图6-4 教师发展支持力各子维度水平分布</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类散点图（2D或3D） -->
|
||
<div class="chart-box">
|
||
<div id="scatter-part6" class="chart" style="height:450px"></div>
|
||
<div class="chart-title">图6-5 教师发展支持力聚类分析散点图</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 维度整体LLM分析 -->
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<!-- 水平对比表 -->
|
||
<h3>教师发展支持力各子维度水平对比（表6-1）</h3>
|
||
<table class="level-table">
|
||
<thead>
|
||
<tr>
|
||
<th>子维度</th>
|
||
<th>复旦中学</th>
|
||
<th>得分</th>
|
||
<th>区均值</th>
|
||
<th>排名</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
|
||
|
||
<tr>
|
||
<td>培训支持</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>49.4</td>
|
||
<td>50.2</td>
|
||
<td>6/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>教研支持</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>49.8</td>
|
||
<td>49.4</td>
|
||
<td>3/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>项目支持</td>
|
||
<td class="lv4">水平4</td>
|
||
<td>57.8</td>
|
||
<td>53.0</td>
|
||
<td>3/9</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<!-- 各三级维度详细分析 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part6-1">二、培训支持</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">49.4</div>
|
||
<div class="diff negative">
|
||
-0.8 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">50.2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">6/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part6-1" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 7所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>各学科教师平均外出培训人数≥1.5人
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part6-2">三、教研支持</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">49.8</div>
|
||
<div class="diff positive">
|
||
+0.4 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">49.4</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">3/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part6-2" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 5所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>有教研活动但质量一般
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part6-3">四、项目支持</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">57.8</div>
|
||
<div class="diff positive">
|
||
+4.8 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">53.0</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-4">水平4</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">3/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part6-3" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 active">
|
||
水平四 · 3所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 3所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平4含义：</strong>各学科均有负责的校级以上项目至少一个
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="section" id="part7">
|
||
<h1>第七部分 教育质量评估力表现</h1>
|
||
|
||
<h2>一、整体表现</h2>
|
||
|
||
<div class="score-cards">
|
||
<div class="score-card">
|
||
<div class="label">教育质量评估力得分</div>
|
||
<div class="value">46.2</div>
|
||
<div class="diff negative">
|
||
-6.5 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">同类学校均值</div>
|
||
<div class="value" style="font-size:24px">53.5</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区内排名</div>
|
||
<div class="value">9/9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">维度表现</div>
|
||
<div class="value" style="font-size:14px">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span class="type-badge weak">待提升</span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 维度独立得分柱状图 + 子维度雷达/柱状图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="dim-score-part7" class="chart"></div>
|
||
<div class="chart-title">图7-1 教育质量评估力得分情况</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="sub-radar-part7" class="chart"></div>
|
||
<div class="chart-title">图7-2 教育质量评估力各子维度得分情况</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 子维度柱状图 + 水平分布堆叠图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="chart-part7" class="chart"></div>
|
||
<div class="chart-title">图7-3 教育质量评估力各子维度对比详情</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="level-part7" class="chart"></div>
|
||
<div class="chart-title">图7-4 教育质量评估力各子维度水平分布</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类散点图（2D或3D） -->
|
||
<div class="chart-box">
|
||
<div id="scatter-part7" class="chart" style="height:450px"></div>
|
||
<div class="chart-title">图7-5 教育质量评估力聚类分析散点图</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 维度整体LLM分析 -->
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<!-- 水平对比表 -->
|
||
<h3>教育质量评估力各子维度水平对比（表7-1）</h3>
|
||
<table class="level-table">
|
||
<thead>
|
||
<tr>
|
||
<th>子维度</th>
|
||
<th>复旦中学</th>
|
||
<th>得分</th>
|
||
<th>区均值</th>
|
||
<th>排名</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
|
||
|
||
<tr>
|
||
<td>科学评价观</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>48.4</td>
|
||
<td>54.3</td>
|
||
<td>8/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>学业质量评估</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>44.4</td>
|
||
<td>49.8</td>
|
||
<td>7/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>综合素质评估</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>43.9</td>
|
||
<td>53.5</td>
|
||
<td>9/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>实践活动评估</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>48.1</td>
|
||
<td>53.0</td>
|
||
<td>6/9</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<!-- 各三级维度详细分析 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part7-1">二、科学评价观</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">48.4</div>
|
||
<div class="diff negative">
|
||
-5.9 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">54.3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">8/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part7-1" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 3所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 2所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>能较多关注学生发展
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part7-2">三、学业质量评估</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">44.4</div>
|
||
<div class="diff negative">
|
||
-5.4 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">49.8</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">7/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part7-2" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 1所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>至少已研制一项校本化评价工具，学期考试质量分析不做硬性要求
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part7-3">四、综合素质评估</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">43.9</div>
|
||
<div class="diff negative">
|
||
-9.6 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">53.5</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">9/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part7-3" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 3所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 4所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>校本化综合素质评价方案建成，但具体评价工具有待开发
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part7-4">五、实践活动评估</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">48.1</div>
|
||
<div class="diff negative">
|
||
-5.0 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">53.0</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">6/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part7-4" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 5所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 3所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>学科实践活动的校本化评价工具已研制并使用，研究性学习/社会考察至少一项已研制但尚未使用
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="section" id="part8">
|
||
<h1>第八部分 教育条件保障力表现</h1>
|
||
|
||
<h2>一、整体表现</h2>
|
||
|
||
<div class="score-cards">
|
||
<div class="score-card">
|
||
<div class="label">教育条件保障力得分</div>
|
||
<div class="value">51.7</div>
|
||
<div class="diff negative">
|
||
-1.7 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">同类学校均值</div>
|
||
<div class="value" style="font-size:24px">53.1</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区内排名</div>
|
||
<div class="value">5/9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">维度表现</div>
|
||
<div class="value" style="font-size:14px">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span class="type-badge neutral">接近区均</span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 维度独立得分柱状图 + 子维度雷达/柱状图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="dim-score-part8" class="chart"></div>
|
||
<div class="chart-title">图8-1 教育条件保障力得分情况</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="sub-radar-part8" class="chart"></div>
|
||
<div class="chart-title">图8-2 教育条件保障力各子维度得分情况</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 子维度柱状图 + 水平分布堆叠图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="chart-part8" class="chart"></div>
|
||
<div class="chart-title">图8-3 教育条件保障力各子维度对比详情</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="level-part8" class="chart"></div>
|
||
<div class="chart-title">图8-4 教育条件保障力各子维度水平分布</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类散点图（2D或3D） -->
|
||
<div class="chart-box">
|
||
<div id="scatter-part8" class="chart" style="height:450px"></div>
|
||
<div class="chart-title">图8-5 教育条件保障力聚类分析散点图</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 维度整体LLM分析 -->
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<!-- 水平对比表 -->
|
||
<h3>教育条件保障力各子维度水平对比（表8-1）</h3>
|
||
<table class="level-table">
|
||
<thead>
|
||
<tr>
|
||
<th>子维度</th>
|
||
<th>复旦中学</th>
|
||
<th>得分</th>
|
||
<th>区均值</th>
|
||
<th>排名</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
|
||
|
||
<tr>
|
||
<td>区域推进</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>55.2</td>
|
||
<td>52.2</td>
|
||
<td>4/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>环境支持</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>43.3</td>
|
||
<td>52.6</td>
|
||
<td>8/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>资源支持</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>56.4</td>
|
||
<td>55.4</td>
|
||
<td>5/9</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<!-- 各三级维度详细分析 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part8-1">二、区域推进</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">55.2</div>
|
||
<div class="diff positive">
|
||
+3.0 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">52.2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">4/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part8-1" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 3所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 3所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>召开会议平均一个月1次及以上，区域管理文件3个以上，措施达3项
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part8-2">三、环境支持</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">43.3</div>
|
||
<div class="diff negative">
|
||
-9.3 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">52.6</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">8/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part8-2" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 3所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>信息化支持和硬件支持至少有一项建设较好
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part8-3">四、资源支持</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">56.4</div>
|
||
<div class="diff positive">
|
||
+1.1 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">55.4</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">5/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part8-3" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 3所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>校内外资源至少有一项供给较好，师资水平较好
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="section" id="part9">
|
||
<h1>第九部分 数字化赋能力表现</h1>
|
||
|
||
<h2>一、整体表现</h2>
|
||
|
||
<div class="score-cards">
|
||
<div class="score-card">
|
||
<div class="label">数字化赋能力得分</div>
|
||
<div class="value">49.2</div>
|
||
<div class="diff negative">
|
||
-1.3 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">同类学校均值</div>
|
||
<div class="value" style="font-size:24px">51.8</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区内排名</div>
|
||
<div class="value">6/9</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">维度表现</div>
|
||
<div class="value" style="font-size:14px">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span class="type-badge neutral">接近区均</span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 维度独立得分柱状图 + 子维度雷达/柱状图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="dim-score-part9" class="chart"></div>
|
||
<div class="chart-title">图9-1 数字化赋能力得分情况</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="sub-radar-part9" class="chart"></div>
|
||
<div class="chart-title">图9-2 数字化赋能力各子维度得分情况</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 子维度柱状图 + 水平分布堆叠图 -->
|
||
<div class="chart-row">
|
||
<div class="chart-box">
|
||
<div id="chart-part9" class="chart"></div>
|
||
<div class="chart-title">图9-3 数字化赋能力各子维度对比详情</div>
|
||
</div>
|
||
<div class="chart-box">
|
||
<div id="level-part9" class="chart"></div>
|
||
<div class="chart-title">图9-4 数字化赋能力各子维度水平分布</div>
|
||
</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 聚类散点图（2D或3D） -->
|
||
<div class="chart-box">
|
||
<div id="scatter-part9" class="chart" style="height:450px"></div>
|
||
<div class="chart-title">图9-5 数字化赋能力聚类分析散点图</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
<!-- 维度整体LLM分析 -->
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<!-- 水平对比表 -->
|
||
<h3>数字化赋能力各子维度水平对比（表9-1）</h3>
|
||
<table class="level-table">
|
||
<thead>
|
||
<tr>
|
||
<th>子维度</th>
|
||
<th>复旦中学</th>
|
||
<th>得分</th>
|
||
<th>区均值</th>
|
||
<th>排名</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
|
||
|
||
<tr>
|
||
<td>教学方式创新</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>50.2</td>
|
||
<td>49.6</td>
|
||
<td>4/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>评价精准化与个性化</td>
|
||
<td class="lv2">水平2</td>
|
||
<td>45.3</td>
|
||
<td>51.3</td>
|
||
<td>9/9</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
<tr>
|
||
<td>课程迭代优化</td>
|
||
<td class="lv3">水平3</td>
|
||
<td>52.3</td>
|
||
<td>50.8</td>
|
||
<td>5/9</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<!-- 各三级维度详细分析 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part9-1">二、教学方式创新</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">50.2</div>
|
||
<div class="diff positive">
|
||
+0.6 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">49.6</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">4/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part9-1" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 1所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 8所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>信息技术与教学融合程度较高，教师能使用信息技术
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part9-2">三、评价精准化与个性化</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">45.3</div>
|
||
<div class="diff negative">
|
||
-6.0 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">51.3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-2">水平2</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">9/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part9-2" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 dimmed">
|
||
水平三 · 6所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 active">
|
||
水平二 · 3所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 0所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平2含义：</strong>有信息技术平台支持学业评价
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="sub-part9-3">四、课程迭代优化</h2>
|
||
|
||
<div class="score-cards" style="grid-template-columns: repeat(4, 1fr);">
|
||
<div class="score-card">
|
||
<div class="label">得分</div>
|
||
<div class="value" style="font-size:24px">52.3</div>
|
||
<div class="diff positive">
|
||
+1.5 vs 区均值
|
||
</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">区均值</div>
|
||
<div class="value" style="font-size:24px">50.8</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">水平等级</div>
|
||
<div class="level-indicator level-3">水平3</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="label">排名</div>
|
||
<div class="value" style="font-size:24px">5/9</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- C. 温度计条形图 -->
|
||
<div class="chart-box" style="padding:10px 16px;">
|
||
<div id="thermo-part9-3" class="chart" style="height:80px"></div>
|
||
</div>
|
||
|
||
<!-- 金字塔水平指示器（含各水平学校数量） -->
|
||
|
||
<div class="pyramid-container">
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv4 dimmed">
|
||
水平四 · 4所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv3 active">
|
||
水平三 · 1所
|
||
</div>
|
||
|
||
<span class="pyramid-label"><span class="arrow">◀</span>复旦中学</span>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv2 dimmed">
|
||
水平二 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="pyramid-row">
|
||
<div class="pyramid-block lv1 dimmed">
|
||
水平一 · 2所
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p style="text-indent:0; margin:10px 0; color: var(--gray-500); font-size:14px;">
|
||
<strong>水平3含义：</strong>学校尚未制定专项研修计划，业务绝大部分使用信息化系统
|
||
</p>
|
||
|
||
<!-- 三级维度LLM分析 -->
|
||
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="section" id="conclusion">
|
||
<h1>第十部分 总结与改进建议</h1>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- D. 进步空间瀑布图 -->
|
||
|
||
<h2>一、进步空间分析</h2>
|
||
<div class="chart-box">
|
||
<div id="waterfall-chart" class="chart" style="height:400px"></div>
|
||
<div class="chart-title">图10-1 进步空间分析：提升至水平3的潜在收益</div>
|
||
</div>
|
||
<div class="chart-caption">
|
||
|
||
</div>
|
||
|
||
|
||
<h2>二、综合评述与改进方向</h2>
|
||
<div class="llm-analysis">
|
||
<p>分析加载中...</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="section" id="action-guide">
|
||
<h1>第十一部分 实践落地行动指南</h1>
|
||
|
||
<p class="section-intro" style="color:#555; font-style:italic; margin-bottom:1.5em; border-left:4px solid #2563eb; padding-left:12px;">
|
||
本部分基于前述数据分析结果，按"紧迫程度"排列改进行动。学校管理团队应将有限资源优先投入到最紧迫的事项上，而非平均用力。
|
||
</p>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p style="color:#059669; margin:1em 0;">贵校当前无水平1或水平2的薄弱维度，整体基础扎实，以下重点关注巩固提升与深化引领。</p>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="action-timeline">一、学期行动时间表</h2>
|
||
|
||
<div class="llm-analysis">
|
||
<p>时间表生成中...</p>
|
||
</div>
|
||
|
||
<p class="section-note" style="color:#888; font-size:0.9em; margin-top:2em; border-top:1px solid #eee; padding-top:1em;">
|
||
<strong>说明：</strong>以上行动建议由AI基于监测数据自动生成，旨在提供思路框架与参考方向。具体实施方案需结合学校实际情况，由学校管理团队与专业教师共同研讨确定，建议在教育专家指导下进行校本化调整。
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<script>
|
||
const COLORS = {
|
||
primary: '#2563eb',
|
||
primaryLight: '#93bbfd',
|
||
success: '#059669',
|
||
warning: '#d97706',
|
||
danger: '#dc2626',
|
||
gray: '#d1d5db',
|
||
grayDark: '#6b7280',
|
||
cluster_good: '#2563eb',
|
||
cluster_weak: '#f59e0b',
|
||
level1: '#ef4444',
|
||
level2: '#f59e0b',
|
||
level3: '#3b82f6',
|
||
level4: '#10b981',
|
||
};
|
||
</script>
|
||
|
||
<script>
|
||
// ===== 1. 得分对比横向条形图 =====
|
||
const scoreCompare = {"categories": ["\u8bfe\u7a0b\u9886\u5bfc\u529b", "\u6559\u5b66\u53d8\u9769\u529b", "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "\u6570\u5b57\u5316\u8d4b\u80fd\u529b"], "district_avg": [51.98, 51.32, 50.05, 50.84, 52.65, 53.39, 50.55], "same_type_avg": [52.03, 51.74, 51.41, 53.91, 53.49, 53.09, 51.84], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_values": [49.23, 50.95, 50.99, 52.34, 46.19, 51.66, 49.25]};
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('score-compare-chart'));
|
||
const option = {
|
||
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
|
||
legend: { data: [scoreCompare.school_name, '区均值', '同类学校均值'], bottom: 5, textStyle: { fontSize: 12 } },
|
||
grid: { left: '3%', right: '8%', bottom: '18%', top: '5%', containLabel: true },
|
||
xAxis: { type: 'value', min: 30, max: 80 },
|
||
yAxis: { type: 'category', data: scoreCompare.categories, axisLabel: { fontSize: 12 } },
|
||
series: [
|
||
{ name: scoreCompare.school_name, type: 'bar', data: scoreCompare.school_values,
|
||
itemStyle: { color: COLORS.primary }, barWidth: '22%',
|
||
label: { show: true, position: 'right', fontSize: 11 } },
|
||
{ name: '区均值', type: 'bar', data: scoreCompare.district_avg,
|
||
itemStyle: { color: COLORS.gray }, barWidth: '22%' },
|
||
{ name: '同类学校均值', type: 'bar', data: scoreCompare.same_type_avg,
|
||
itemStyle: { color: COLORS.warning }, barWidth: '22%' },
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
|
||
// ===== 2. 七维度雷达图 =====
|
||
const radarData = {"dimensions": ["\u8bfe\u7a0b\u9886\u5bfc\u529b", "\u6559\u5b66\u53d8\u9769\u529b", "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "\u6570\u5b57\u5316\u8d4b\u80fd\u529b"], "legend": ["\u590d\u65e6\u4e2d\u5b66", "\u533a\u5747\u503c"], "series": [{"name": "\u590d\u65e6\u4e2d\u5b66", "values": [49.23, 50.95, 50.99, 52.34, 46.19, 51.66, 49.25]}, {"name": "\u533a\u5747\u503c", "values": [51.98, 51.32, 50.05, 50.84, 52.65, 53.39, 50.55]}]};
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('radar-chart'));
|
||
const option = {
|
||
tooltip: {},
|
||
legend: { data: radarData.legend, bottom: 10 },
|
||
radar: {
|
||
indicator: radarData.dimensions.map(d => ({ name: d, max: 80 })),
|
||
shape: 'polygon', splitNumber: 4,
|
||
axisName: { color: '#333', fontSize: 12 }, radius: '65%',
|
||
},
|
||
series: [{
|
||
type: 'radar',
|
||
data: radarData.series.map((s, i) => ({
|
||
value: s.values, name: s.name,
|
||
areaStyle: { opacity: i === 0 ? 0.3 : 0.1 },
|
||
lineStyle: { width: i === 0 ? 3 : 1 },
|
||
})),
|
||
}],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
|
||
// ===== 3. 聚类类型分布饼图 =====
|
||
const clusterDist = {"good_count": 5, "good_schools": ["\u5929\u5c71\u5b66\u6821", "\u5e02\u4e09\u5973\u4e2d", "\u5ef6\u5b89\u4e2d\u5b66", "\u5efa\u9752\u5b9e\u9a8c", "\u897f\u90ca\u5b66\u6821"], "school_cluster": "\u5f85\u63d0\u5347", "school_name": "\u590d\u65e6\u4e2d\u5b66", "total": 9, "weak_count": 4, "weak_schools": ["\u4ed9\u971e\u9ad8\u4e2d", "\u534e\u653f\u9644\u4e2d", "\u590d\u65e6\u4e2d\u5b66", "\u6c11\u529e\u65b0\u8679\u6865"]};
|
||
if (clusterDist.total) {
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('cluster-type-dist-chart'));
|
||
const option = {
|
||
tooltip: { trigger: 'item' },
|
||
legend: { bottom: 5, textStyle: { fontSize: 11 } },
|
||
series: [{
|
||
type: 'pie', radius: ['35%', '60%'], center: ['50%', '45%'],
|
||
avoidLabelOverlap: true,
|
||
itemStyle: { borderRadius: 8, borderColor: '#fff', borderWidth: 2 },
|
||
label: { show: true, formatter: '{b}\n{c}所 ({d}%)', fontSize: 12 },
|
||
emphasis: { label: { show: true, fontSize: 14, fontWeight: 'bold' } },
|
||
data: [
|
||
{ value: clusterDist.good_count, name: '课程实施较好类', itemStyle: { color: COLORS.primary } },
|
||
{ value: clusterDist.weak_count, name: '课程实施待提升类', itemStyle: { color: COLORS.warning } },
|
||
]
|
||
}],
|
||
graphic: [{
|
||
type: 'text', left: 'center', top: '40%',
|
||
style: {
|
||
text: clusterDist.school_name + '\n属于' + (clusterDist.school_cluster === '较好' ? '较好类' : '待提升类'),
|
||
textAlign: 'center', fill: COLORS.primary, fontSize: 12, fontWeight: 'bold',
|
||
}
|
||
}],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
}
|
||
|
||
// ===== 4. 两类学校折线对比图 =====
|
||
const clusterLine = {"dimensions": ["\u8bfe\u7a0b\u9886\u5bfc\u529b", "\u6559\u5b66\u53d8\u9769\u529b", "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "\u6570\u5b57\u5316\u8d4b\u80fd\u529b"], "good_count": 5, "good_values": [53.09, 52.82, 51.75, 51.55, 56.37, 57.72, 53.42], "weak_count": 4, "weak_values": [50.58, 49.45, 47.93, 49.97, 48.01, 47.99, 46.96]};
|
||
if (clusterLine.dimensions) {
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('cluster-line-chart'));
|
||
const option = {
|
||
tooltip: { trigger: 'axis' },
|
||
legend: {
|
||
data: ['课程实施较好类(' + clusterLine.good_count + '所)', '课程实施待提升类(' + clusterLine.weak_count + '所)'],
|
||
bottom: 5, textStyle: { fontSize: 11 }
|
||
},
|
||
grid: { left: '3%', right: '4%', bottom: '18%', top: '8%', containLabel: true },
|
||
xAxis: {
|
||
type: 'category', data: clusterLine.dimensions.map(d => d.replace('力', '')),
|
||
axisLabel: { fontSize: 11, rotate: 15 }, boundaryGap: false,
|
||
},
|
||
yAxis: { type: 'value', min: 40, max: 60 },
|
||
series: [
|
||
{
|
||
name: '课程实施较好类(' + clusterLine.good_count + '所)',
|
||
type: 'line', data: clusterLine.good_values,
|
||
lineStyle: { width: 3, color: COLORS.primary }, itemStyle: { color: COLORS.primary },
|
||
symbol: 'circle', symbolSize: 8,
|
||
label: { show: true, position: 'top', fontSize: 10, color: COLORS.primary, formatter: p => p.value.toFixed(2) },
|
||
},
|
||
{
|
||
name: '课程实施待提升类(' + clusterLine.weak_count + '所)',
|
||
type: 'line', data: clusterLine.weak_values,
|
||
lineStyle: { width: 3, color: COLORS.warning }, itemStyle: { color: COLORS.warning },
|
||
symbol: 'circle', symbolSize: 8,
|
||
label: { show: true, position: 'bottom', fontSize: 10, color: COLORS.warning, formatter: p => p.value.toFixed(2) },
|
||
},
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
}
|
||
|
||
// ===== 5. 聚类类型对比雷达图 =====
|
||
const clusterRadar = {"dimensions": ["\u8bfe\u7a0b\u9886\u5bfc\u529b", "\u6559\u5b66\u53d8\u9769\u529b", "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "\u6570\u5b57\u5316\u8d4b\u80fd\u529b"], "good_count": 5, "legend": ["\u8bfe\u7a0b\u5b9e\u65bd\u8f83\u597d\u7c7b", "\u8bfe\u7a0b\u5b9e\u65bd\u5f85\u63d0\u5347\u7c7b", "\u590d\u65e6\u4e2d\u5b66"], "series": [{"name": "\u8bfe\u7a0b\u5b9e\u65bd\u8f83\u597d\u7c7b", "values": [53.09, 52.82, 51.75, 51.55, 56.37, 57.72, 53.42]}, {"name": "\u8bfe\u7a0b\u5b9e\u65bd\u5f85\u63d0\u5347\u7c7b", "values": [50.58, 49.45, 47.93, 49.97, 48.01, 47.99, 46.96]}, {"name": "\u590d\u65e6\u4e2d\u5b66", "values": [49.23, 50.95, 50.99, 52.34, 46.19, 51.66, 49.25]}], "weak_count": 4};
|
||
if (clusterRadar.dimensions) {
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('cluster-radar-chart'));
|
||
const colorMap = [COLORS.cluster_good, COLORS.cluster_weak, COLORS.danger];
|
||
const option = {
|
||
tooltip: {},
|
||
legend: {
|
||
data: clusterRadar.legend, bottom: 5, textStyle: { fontSize: 11 },
|
||
formatter: function(name) {
|
||
if (name === '课程实施较好类') return name + '(' + clusterRadar.good_count + '所)';
|
||
if (name === '课程实施待提升类') return name + '(' + clusterRadar.weak_count + '所)';
|
||
return name;
|
||
}
|
||
},
|
||
radar: {
|
||
indicator: clusterRadar.dimensions.map(d => ({ name: d, max: 80 })),
|
||
shape: 'polygon', splitNumber: 4,
|
||
axisName: { color: '#333', fontSize: 11 }, radius: '60%',
|
||
},
|
||
series: [{
|
||
type: 'radar',
|
||
data: clusterRadar.series.map((s, i) => ({
|
||
value: s.values, name: s.name,
|
||
areaStyle: { opacity: i === 2 ? 0.05 : 0.15 },
|
||
lineStyle: { width: i === 2 ? 3 : 2, type: i === 2 ? 'solid' : 'dashed', color: colorMap[i] },
|
||
itemStyle: { color: colorMap[i] },
|
||
symbol: i === 2 ? 'diamond' : 'circle', symbolSize: i === 2 ? 8 : 4,
|
||
})),
|
||
}],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
}
|
||
|
||
// ===== 6. 区内学校排名条形图 =====
|
||
const rankingData = {"current_school": "\u590d\u65e6\u4e2d\u5b66", "dim_scores": {"\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b": [55.12, 54.56, 52.27, 50.87, 45.95, 50.99, 47.71, 48.32, 44.7], "\u6559\u5b66\u53d8\u9769\u529b": [52.49, 55.65, 53.04, 50.66, 52.24, 50.95, 48.49, 49.86, 48.49], "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b": [58.26, 48.73, 50.68, 52.16, 47.89, 52.34, 49.74, 52.42, 45.37], "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b": [60.06, 58.19, 65.26, 56.17, 48.93, 51.66, 48.47, 40.97, 50.84], "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b": [59.36, 61.47, 49.49, 53.97, 57.54, 46.19, 47.77, 47.56, 50.52], "\u6570\u5b57\u5316\u8d4b\u80fd\u529b": [53.08, 53.88, 55.4, 50.71, 54.02, 49.25, 47.61, 46.13, 44.84], "\u8bfe\u7a0b\u9886\u5bfc\u529b": [55.97, 53.26, 48.99, 54.52, 52.71, 49.23, 48.15, 52.63, 52.32]}, "dimensions": ["\u8bfe\u7a0b\u9886\u5bfc\u529b", "\u6559\u5b66\u53d8\u9769\u529b", "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "\u6570\u5b57\u5316\u8d4b\u80fd\u529b"], "schools": ["\u5ef6\u5b89\u4e2d\u5b66", "\u5efa\u9752\u5b9e\u9a8c", "\u5e02\u4e09\u5973\u4e2d", "\u5929\u5c71\u5b66\u6821", "\u897f\u90ca\u5b66\u6821", "\u590d\u65e6\u4e2d\u5b66", "\u4ed9\u971e\u9ad8\u4e2d", "\u534e\u653f\u9644\u4e2d", "\u6c11\u529e\u65b0\u8679\u6865"], "total_scores": [56.34, 55.11, 53.59, 52.72, 51.33, 50.09, 48.28, 48.27, 48.16]};
|
||
if (rankingData.schools) {
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('school-ranking-chart'));
|
||
const barColors = rankingData.schools.map(s => s === rankingData.current_school ? COLORS.primary : COLORS.gray);
|
||
const option = {
|
||
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
|
||
grid: { left: '3%', right: '12%', bottom: '5%', top: '5%', containLabel: true },
|
||
xAxis: { type: 'value', min: 35, max: 65 },
|
||
yAxis: { type: 'category', data: rankingData.schools.slice().reverse(),
|
||
axisLabel: { fontSize: 12, fontWeight: function(v) { return v === rankingData.current_school ? 'bold' : 'normal'; } } },
|
||
series: [{
|
||
type: 'bar', barWidth: '50%',
|
||
data: rankingData.total_scores.slice().reverse().map((v, i) => ({
|
||
value: v, itemStyle: { color: barColors.slice().reverse()[i] },
|
||
})),
|
||
label: { show: true, position: 'right', fontSize: 12, fontWeight: 'bold', formatter: p => p.value.toFixed(1) },
|
||
}],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
}
|
||
|
||
// ===== 7. 维度间相关性热力图 =====
|
||
const corrData = {"data": [[0, 0, 1.0], [0, 1, 0.287], [0, 2, 0.283], [0, 3, 0.362], [0, 4, 0.726], [0, 5, 0.102], [0, 6, 0.159], [1, 0, 0.287], [1, 1, 1.0], [1, 2, 0.726], [1, 3, 0.17], [1, 4, 0.71], [1, 5, 0.617], [1, 6, 0.858], [2, 0, 0.283], [2, 1, 0.726], [2, 2, 1.0], [2, 3, 0.673], [2, 4, 0.446], [2, 5, 0.694], [2, 6, 0.617], [3, 0, 0.362], [3, 1, 0.17], [3, 2, 0.673], [3, 3, 1.0], [3, 4, 0.112], [3, 5, 0.243], [3, 6, 0.24], [4, 0, 0.726], [4, 1, 0.71], [4, 2, 0.446], [4, 3, 0.112], [4, 4, 1.0], [4, 5, 0.412], [4, 6, 0.616], [5, 0, 0.102], [5, 1, 0.617], [5, 2, 0.694], [5, 3, 0.243], [5, 4, 0.412], [5, 5, 1.0], [5, 6, 0.73], [6, 0, 0.159], [6, 1, 0.858], [6, 2, 0.617], [6, 3, 0.24], [6, 4, 0.616], [6, 5, 0.73], [6, 6, 1.0]], "dimensions": ["\u8bfe\u7a0b\u9886\u5bfc\u529b", "\u6559\u5b66\u53d8\u9769\u529b", "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "\u6570\u5b57\u5316\u8d4b\u80fd\u529b"], "short_names": ["\u8bfe\u7a0b\u9886\u5bfc", "\u6559\u5b66\u53d8\u9769", "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc", "\u6559\u5e08\u53d1\u5c55\u652f\u6301", "\u8d28\u91cf\u8bc4\u4f30", "\u6761\u4ef6\u4fdd\u969c", "\u6570\u5b57\u5316\u8d4b\u80fd"]};
|
||
if (corrData.dimensions) {
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('correlation-chart'));
|
||
const names = corrData.short_names || corrData.dimensions;
|
||
const option = {
|
||
tooltip: { position: 'top', formatter: p => corrData.dimensions[p.value[0]] + ' × ' + corrData.dimensions[p.value[1]] + '<br/>相关系数: ' + p.value[2] },
|
||
grid: { left: '15%', right: '12%', bottom: '18%', top: '3%' },
|
||
xAxis: { type: 'category', data: names, axisLabel: { rotate: 30, fontSize: 11 }, splitArea: { show: true } },
|
||
yAxis: { type: 'category', data: names, axisLabel: { fontSize: 11 }, splitArea: { show: true } },
|
||
visualMap: { min: -1, max: 1, calculable: true, orient: 'vertical', right: 0, top: 'center',
|
||
inRange: { color: ['#fee2e2', '#fef3c7', '#f3f4f6', '#dbeafe', '#2563eb'] }, textStyle: { fontSize: 11 } },
|
||
series: [{
|
||
type: 'heatmap', data: corrData.data,
|
||
label: { show: true, fontSize: 11, formatter: p => p.value[2].toFixed(2) },
|
||
itemStyle: { borderWidth: 2, borderColor: '#fff' },
|
||
}],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
}
|
||
</script>
|
||
|
||
<script>
|
||
// ===== 8. 各维度独立得分柱状图 =====
|
||
const dimScoreBars = {"part3": {"dim_name": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "district_avg": 51.98, "same_type_avg": 52.03, "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_score": 49.23}, "part4": {"dim_name": "\u6559\u5b66\u53d8\u9769\u529b", "district_avg": 51.32, "same_type_avg": 51.74, "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_score": 50.95}, "part5": {"dim_name": "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "district_avg": 50.05, "same_type_avg": 51.41, "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_score": 50.99}, "part6": {"dim_name": "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "district_avg": 50.84, "same_type_avg": 53.91, "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_score": 52.34}, "part7": {"dim_name": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "district_avg": 52.65, "same_type_avg": 53.49, "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_score": 46.19}, "part8": {"dim_name": "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "district_avg": 53.39, "same_type_avg": 53.09, "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_score": 51.66}, "part9": {"dim_name": "\u6570\u5b57\u5316\u8d4b\u80fd\u529b", "district_avg": 50.55, "same_type_avg": 51.84, "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_score": 49.25}};
|
||
Object.keys(dimScoreBars).forEach(partId => {
|
||
const el = document.getElementById('dim-score-' + partId);
|
||
if (!el) return;
|
||
const chart = echarts.init(el);
|
||
const d = dimScoreBars[partId];
|
||
const option = {
|
||
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
|
||
grid: { left: '8%', right: '8%', bottom: '12%', top: '8%', containLabel: true },
|
||
xAxis: { type: 'category', data: [d.school_name, '区均值', '同类学校'], axisLabel: { fontSize: 12 } },
|
||
yAxis: { type: 'value', min: 30, max: 80 },
|
||
series: [{
|
||
type: 'bar', barWidth: '40%',
|
||
data: [
|
||
{ value: d.school_score, itemStyle: { color: COLORS.primary } },
|
||
{ value: d.district_avg, itemStyle: { color: COLORS.gray } },
|
||
{ value: d.same_type_avg, itemStyle: { color: COLORS.warning } },
|
||
],
|
||
label: { show: true, position: 'top', fontSize: 13, fontWeight: 'bold', formatter: p => p.value.toFixed(2) },
|
||
markLine: { silent: true, data: [{ yAxis: 50, label: { formatter: '均值基线(50)', fontSize: 10 }, lineStyle: { color: '#ef4444', type: 'dashed' } }] },
|
||
}],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
});
|
||
|
||
// ===== 9. 各维度子维度雷达图 =====
|
||
const dimSubRadar = {"part3": {"district_avg": [53.33, 49.68, 52.92], "same_type_avg": [53.33, 49.68, 52.92], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_values": [53.46, 46.82, 47.42], "sub_dims": ["\u56fd\u5bb6\u6807\u51c6\u9075\u5faa", "\u8bfe\u7a0b\u7ed3\u6784\u5efa\u8bbe", "\u8bfe\u7a0b\u89c4\u8303\u843d\u5b9e"], "type": "radar"}, "part4": {"district_avg": [49.91, 52.73], "same_type_avg": [49.91, 52.73], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_values": [50.75, 51.14], "sub_dims": ["\u6559\u5b66\u65b9\u5f0f\u53d8\u9769", "\u4f5c\u4e1a\u8bbe\u8ba1\u4e0e\u7ba1\u7406\u53d8\u9769"], "type": "bar"}, "part5": {"district_avg": [50.43, 49.67], "same_type_avg": [50.43, 49.67], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_values": [51.98, 50.0], "sub_dims": ["\u5b66\u79d1\u53d1\u5c55\u7684\u4e2a\u6027\u5316\u8f85\u5bfc", "\u5b66\u751f\u751f\u6daf\u53d1\u5c55\u6307\u5bfc"], "type": "bar"}, "part6": {"district_avg": [50.17, 49.4, 52.96], "same_type_avg": [50.17, 49.4, 52.96], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_values": [49.41, 49.84, 57.77], "sub_dims": ["\u57f9\u8bad\u652f\u6301", "\u6559\u7814\u652f\u6301", "\u9879\u76ee\u652f\u6301"], "type": "radar"}, "part7": {"district_avg": [54.29, 49.75, 53.52, 53.05], "same_type_avg": [54.29, 49.75, 53.52, 53.05], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_values": [48.4, 44.38, 43.89, 48.09], "sub_dims": ["\u79d1\u5b66\u8bc4\u4ef7\u89c2", "\u5b66\u4e1a\u8d28\u91cf\u8bc4\u4f30", "\u7efc\u5408\u7d20\u8d28\u8bc4\u4f30", "\u5b9e\u8df5\u6d3b\u52a8\u8bc4\u4f30"], "type": "radar"}, "part8": {"district_avg": [52.19, 52.61, 55.38], "same_type_avg": [52.19, 52.61, 55.38], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_values": [55.23, 43.33, 56.43], "sub_dims": ["\u533a\u57df\u63a8\u8fdb", "\u73af\u5883\u652f\u6301", "\u8d44\u6e90\u652f\u6301"], "type": "radar"}, "part9": {"district_avg": [49.57, 51.31, 50.76], "same_type_avg": [49.57, 51.31, 50.76], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_values": [50.17, 45.33, 52.27], "sub_dims": ["\u6559\u5b66\u65b9\u5f0f\u521b\u65b0", "\u8bc4\u4ef7\u7cbe\u51c6\u5316\u4e0e\u4e2a\u6027\u5316", "\u8bfe\u7a0b\u8fed\u4ee3\u4f18\u5316"], "type": "radar"}};
|
||
Object.keys(dimSubRadar).forEach(partId => {
|
||
const el = document.getElementById('sub-radar-' + partId);
|
||
if (!el) return;
|
||
const chart = echarts.init(el);
|
||
const d = dimSubRadar[partId];
|
||
|
||
if (d.type === 'radar' && d.sub_dims && d.sub_dims.length >= 3) {
|
||
const option = {
|
||
tooltip: {},
|
||
legend: { data: [d.school_name, '区均值', '同类学校'], bottom: 5, textStyle: { fontSize: 11 } },
|
||
radar: {
|
||
indicator: d.sub_dims.map(sd => ({ name: sd, max: 80 })),
|
||
shape: 'polygon', splitNumber: 4, axisName: { color: '#333', fontSize: 10 }, radius: '60%',
|
||
},
|
||
series: [{
|
||
type: 'radar',
|
||
data: [
|
||
{ value: d.school_values, name: d.school_name,
|
||
areaStyle: { opacity: 0.3, color: COLORS.primary },
|
||
lineStyle: { width: 3, color: COLORS.primary }, itemStyle: { color: COLORS.primary } },
|
||
{ value: d.district_avg, name: '区均值',
|
||
lineStyle: { width: 1, type: 'dashed', color: COLORS.grayDark }, itemStyle: { color: COLORS.grayDark } },
|
||
{ value: d.same_type_avg, name: '同类学校',
|
||
lineStyle: { width: 1, type: 'dotted', color: COLORS.warning }, itemStyle: { color: COLORS.warning } },
|
||
],
|
||
}],
|
||
};
|
||
chart.setOption(option);
|
||
} else {
|
||
const option = {
|
||
tooltip: { trigger: 'axis' },
|
||
legend: { data: [d.school_name, '区均值', '同类学校'], bottom: 5, textStyle: { fontSize: 11 } },
|
||
grid: { left: '3%', right: '4%', bottom: '18%', top: '5%', containLabel: true },
|
||
xAxis: { type: 'category', data: d.sub_dims, axisLabel: { fontSize: 11 } },
|
||
yAxis: { type: 'value', min: 20, max: 80 },
|
||
series: [
|
||
{ name: d.school_name, type: 'bar', data: d.school_values,
|
||
itemStyle: { color: COLORS.primary }, barWidth: '22%',
|
||
label: { show: true, position: 'top', fontSize: 10 } },
|
||
{ name: '区均值', type: 'bar', data: d.district_avg, itemStyle: { color: COLORS.gray }, barWidth: '22%' },
|
||
{ name: '同类学校', type: 'bar', data: d.same_type_avg, itemStyle: { color: COLORS.warning }, barWidth: '22%' },
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
}
|
||
window.addEventListener('resize', () => chart.resize());
|
||
});
|
||
|
||
// ===== 10. 各维度子维度柱状图 =====
|
||
const subDimCharts = {"part3": {"avg_values": [53.33, 49.68, 52.92], "categories": ["\u56fd\u5bb6\u6807\u51c6\u9075\u5faa", "\u8bfe\u7a0b\u7ed3\u6784\u5efa\u8bbe", "\u8bfe\u7a0b\u89c4\u8303\u843d\u5b9e"], "school_values": [53.46, 46.82, 47.42]}, "part4": {"avg_values": [49.91, 52.73], "categories": ["\u6559\u5b66\u65b9\u5f0f\u53d8\u9769", "\u4f5c\u4e1a\u8bbe\u8ba1\u4e0e\u7ba1\u7406\u53d8\u9769"], "school_values": [50.75, 51.14]}, "part5": {"avg_values": [50.43, 49.67], "categories": ["\u5b66\u79d1\u53d1\u5c55\u7684\u4e2a\u6027\u5316\u8f85\u5bfc", "\u5b66\u751f\u751f\u6daf\u53d1\u5c55\u6307\u5bfc"], "school_values": [51.98, 50.0]}, "part6": {"avg_values": [50.17, 49.4, 52.96], "categories": ["\u57f9\u8bad\u652f\u6301", "\u6559\u7814\u652f\u6301", "\u9879\u76ee\u652f\u6301"], "school_values": [49.41, 49.84, 57.77]}, "part7": {"avg_values": [54.29, 49.75, 53.52, 53.05], "categories": ["\u79d1\u5b66\u8bc4\u4ef7\u89c2", "\u5b66\u4e1a\u8d28\u91cf\u8bc4\u4f30", "\u7efc\u5408\u7d20\u8d28\u8bc4\u4f30", "\u5b9e\u8df5\u6d3b\u52a8\u8bc4\u4f30"], "school_values": [48.4, 44.38, 43.89, 48.09]}, "part8": {"avg_values": [52.19, 52.61, 55.38], "categories": ["\u533a\u57df\u63a8\u8fdb", "\u73af\u5883\u652f\u6301", "\u8d44\u6e90\u652f\u6301"], "school_values": [55.23, 43.33, 56.43]}, "part9": {"avg_values": [49.57, 51.31, 50.76], "categories": ["\u6559\u5b66\u65b9\u5f0f\u521b\u65b0", "\u8bc4\u4ef7\u7cbe\u51c6\u5316\u4e0e\u4e2a\u6027\u5316", "\u8bfe\u7a0b\u8fed\u4ee3\u4f18\u5316"], "school_values": [50.17, 45.33, 52.27]}};
|
||
Object.keys(subDimCharts).forEach(chartId => {
|
||
const el = document.getElementById('chart-' + chartId);
|
||
if (!el) return;
|
||
const chart = echarts.init(el);
|
||
const d = subDimCharts[chartId];
|
||
const option = {
|
||
tooltip: { trigger: 'axis' },
|
||
legend: { data: ['复旦中学', '区均值'], bottom: 5 },
|
||
grid: { left: '3%', right: '4%', bottom: '18%', containLabel: true },
|
||
xAxis: { type: 'category', data: d.categories, axisLabel: { rotate: 15, fontSize: 11 } },
|
||
yAxis: { type: 'value', min: 20, max: 80 },
|
||
series: [
|
||
{ name: '复旦中学', type: 'bar', data: d.school_values,
|
||
itemStyle: { color: COLORS.primary }, barWidth: '28%',
|
||
label: { show: true, position: 'top', fontSize: 10 } },
|
||
{ name: '区均值', type: 'bar', data: d.avg_values, itemStyle: { color: COLORS.gray }, barWidth: '28%' },
|
||
{ name: '均值基线(50)', type: 'line', data: d.categories.map(() => 50),
|
||
lineStyle: { color: '#ef4444', type: 'dashed', width: 1 }, symbol: 'none' },
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
});
|
||
|
||
// ===== 11. 水平分布堆叠条形图 =====
|
||
const levelDistData = {"part3": {"categories": ["\u56fd\u5bb6\u6807\u51c6\u9075\u5faa", "\u8bfe\u7a0b\u7ed3\u6784\u5efa\u8bbe", "\u8bfe\u7a0b\u89c4\u8303\u843d\u5b9e"], "level1": [0.0, 22.2, 11.1], "level2": [55.6, 22.2, 11.1], "level3": [0.0, 44.4, 44.4], "level4": [44.4, 11.1, 33.3], "school_levels": [2, 2, 2]}, "part4": {"categories": ["\u6559\u5b66\u65b9\u5f0f\u53d8\u9769", "\u4f5c\u4e1a\u8bbe\u8ba1\u4e0e\u7ba1\u7406\u53d8\u9769"], "level1": [0.0, 0.0], "level2": [11.1, 11.1], "level3": [88.9, 55.6], "level4": [0.0, 33.3], "school_levels": [3, 3]}, "part5": {"categories": ["\u5b66\u79d1\u53d1\u5c55\u7684\u4e2a\u6027\u5316\u8f85\u5bfc", "\u5b66\u751f\u751f\u6daf\u53d1\u5c55\u6307\u5bfc"], "level1": [11.1, 22.2], "level2": [44.4, 22.2], "level3": [44.4, 33.3], "level4": [0.0, 22.2], "school_levels": [3, 2]}, "part6": {"categories": ["\u57f9\u8bad\u652f\u6301", "\u6559\u7814\u652f\u6301", "\u9879\u76ee\u652f\u6301"], "level1": [0.0, 22.2, 11.1], "level2": [11.1, 55.6, 22.2], "level3": [77.8, 11.1, 33.3], "level4": [11.1, 11.1, 33.3], "school_levels": [3, 2, 4]}, "part7": {"categories": ["\u79d1\u5b66\u8bc4\u4ef7\u89c2", "\u5b66\u4e1a\u8d28\u91cf\u8bc4\u4f30", "\u7efc\u5408\u7d20\u8d28\u8bc4\u4f30", "\u5b9e\u8df5\u6d3b\u52a8\u8bc4\u4f30"], "level1": [0.0, 22.2, 0.0, 11.1], "level2": [22.2, 11.1, 44.4, 0.0], "level3": [44.4, 44.4, 22.2, 33.3], "level4": [33.3, 22.2, 33.3, 55.6], "school_levels": [2, 2, 2, 3]}, "part8": {"categories": ["\u533a\u57df\u63a8\u8fdb", "\u73af\u5883\u652f\u6301", "\u8d44\u6e90\u652f\u6301"], "level1": [22.2, 11.1, 0.0], "level2": [11.1, 33.3, 22.2], "level3": [33.3, 11.1, 33.3], "level4": [33.3, 44.4, 44.4], "school_levels": [3, 2, 3]}, "part9": {"categories": ["\u6559\u5b66\u65b9\u5f0f\u521b\u65b0", "\u8bc4\u4ef7\u7cbe\u51c6\u5316\u4e0e\u4e2a\u6027\u5316", "\u8bfe\u7a0b\u8fed\u4ee3\u4f18\u5316"], "level1": [0.0, 0.0, 22.2], "level2": [0.0, 33.3, 22.2], "level3": [88.9, 66.7, 11.1], "level4": [11.1, 0.0, 44.4], "school_levels": [3, 2, 3]}};
|
||
Object.keys(levelDistData).forEach(chartId => {
|
||
const el = document.getElementById('level-' + chartId);
|
||
if (!el) return;
|
||
const chart = echarts.init(el);
|
||
const d = levelDistData[chartId];
|
||
if (!d.categories || d.categories.length === 0) return;
|
||
const option = {
|
||
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' },
|
||
formatter: function(params) {
|
||
let s = params[0].axisValue + '<br/>';
|
||
params.forEach(p => { s += p.marker + ' ' + p.seriesName + ': ' + p.value + '%<br/>'; });
|
||
const idx = d.categories.indexOf(params[0].axisValue);
|
||
if (idx >= 0) s += '<strong>复旦中学：水平' + d.school_levels[idx] + '</strong>';
|
||
return s;
|
||
}
|
||
},
|
||
legend: { data: ['水平一', '水平二', '水平三', '水平四'], bottom: 5, textStyle: { fontSize: 11 } },
|
||
grid: { left: '3%', right: '4%', bottom: '18%', top: '5%', containLabel: true },
|
||
xAxis: { type: 'category', data: d.categories, axisLabel: { fontSize: 11, rotate: 15 } },
|
||
yAxis: { type: 'value', max: 100, axisLabel: { formatter: '{value}%' } },
|
||
series: [
|
||
{ name: '水平一', type: 'bar', stack: 'total', data: d.level1, itemStyle: { color: COLORS.level1 }, barWidth: '50%' },
|
||
{ name: '水平二', type: 'bar', stack: 'total', data: d.level2, itemStyle: { color: COLORS.level2 } },
|
||
{ name: '水平三', type: 'bar', stack: 'total', data: d.level3, itemStyle: { color: COLORS.level3 } },
|
||
{ name: '水平四', type: 'bar', stack: 'total', data: d.level4, itemStyle: { color: COLORS.level4 } },
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
});
|
||
|
||
// ===== 12. 各维度聚类散点图（2D / 3D） =====
|
||
const dimScatterData = {"part3": {"axes": ["\u56fd\u5bb6\u6807\u51c6\u9075\u5faa", "\u8bfe\u7a0b\u7ed3\u6784\u5efa\u8bbe", "\u8bfe\u7a0b\u89c4\u8303\u843d\u5b9e"], "dim_name": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "good_data": [[52.47, 55.28, 50.14], [57.21, 47.97, 58.38], [57.92, 55.78, 54.23], [57.57, 43.83, 58.38], [52.89, 49.92, 55.33]], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_point": [53.46, 46.82, 47.42], "type": "3d", "weak_data": [[57.99, 43.73, 42.74], [45.41, 50.31, 51.27], [45.05, 53.52, 58.38]]}, "part4": {"axes": ["\u6559\u5b66\u65b9\u5f0f\u53d8\u9769", "\u4f5c\u4e1a\u8bbe\u8ba1\u4e0e\u7ba1\u7406\u53d8\u9769"], "dim_name": "\u6559\u5b66\u53d8\u9769\u529b", "good_data": [[49.15, 56.93], [50.54, 54.45], [49.76, 61.55], [52.05, 52.43]], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_point": [50.75, 51.14], "type": "2d", "weak_data": [[49.91, 47.08], [49.38, 50.34], [50.76, 50.57], [46.91, 50.08]]}, "part5": {"axes": ["\u5b66\u79d1\u53d1\u5c55\u7684\u4e2a\u6027\u5316\u8f85\u5bfc", "\u5b66\u751f\u751f\u6daf\u53d1\u5c55\u6307\u5bfc"], "dim_name": "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "good_data": [[48.96, 52.79], [47.86, 56.67], [57.45, 52.79], [50.39, 58.73]], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_point": [51.98, 50.0], "type": "2d", "weak_data": [[54.26, 41.16], [45.87, 50.76], [48.23, 41.16], [48.91, 42.99]]}, "part6": {"axes": ["\u57f9\u8bad\u652f\u6301", "\u6559\u7814\u652f\u6301", "\u9879\u76ee\u652f\u6301"], "dim_name": "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "good_data": [[50.49, 46.74, 60.01], [50.9, 50.99, 54.61], [49.22, 48.97, 53.86], [54.54, 56.78, 63.47]], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_point": [49.41, 49.84, 57.77], "type": "3d", "weak_data": [[49.69, 49.17, 50.37], [49.55, 47.01, 49.64], [48.72, 45.95, 41.44], [49.03, 49.19, 45.46]]}, "part7": {"axes": ["\u79d1\u5b66\u8bc4\u4ef7\u89c2", "\u5b66\u4e1a\u8d28\u91cf\u8bc4\u4f30"], "dim_name": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "good_data": [[57.68, 49.43], [55.34, 68.48], [52.75, 63.38], [43.11, 37.95], [63.19, 48.36]], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_point": [48.4, 44.38], "type": "2d", "weak_data": [[56.77, 40.43], [54.06, 47.85], [57.31, 47.5]]}, "part8": {"axes": ["\u533a\u57df\u63a8\u8fdb", "\u73af\u5883\u652f\u6301", "\u8d44\u6e90\u652f\u6301"], "dim_name": "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "good_data": [[44.69, 64.16, 59.64], [70.01, 64.16, 61.61], [61.57, 51.28, 67.34], [53.13, 63.73, 57.7]], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_point": [55.23, 43.33, 56.43], "type": "3d", "weak_data": [[38.36, 57.43, 49.63], [32.02, 36.33, 54.54], [61.57, 47.11, 43.85], [53.13, 45.94, 47.72]]}, "part9": {"axes": ["\u6559\u5b66\u65b9\u5f0f\u521b\u65b0", "\u8bc4\u4ef7\u7cbe\u51c6\u5316\u4e0e\u4e2a\u6027\u5316", "\u8bfe\u7a0b\u8fed\u4ee3\u4f18\u5316"], "dim_name": "\u6570\u5b57\u5316\u8d4b\u80fd\u529b", "good_data": [[48.65, 58.07, 45.39], [51.9, 57.14, 57.15], [48.25, 51.7, 59.29], [50.66, 51.7, 59.29], [55.08, 51.7, 55.27]], "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_point": [50.17, 45.33, 52.27], "type": "3d", "weak_data": [[48.28, 49.15, 45.39], [45.31, 51.7, 41.38], [47.81, 45.33, 41.38]]}};
|
||
Object.keys(dimScatterData).forEach(partId => {
|
||
const el = document.getElementById('scatter-' + partId);
|
||
if (!el) return;
|
||
const d = dimScatterData[partId];
|
||
if (!d || !d.axes) return;
|
||
const chart = echarts.init(el);
|
||
|
||
if (d.type === '3d') {
|
||
const axes = d.axes;
|
||
const option = {
|
||
tooltip: {
|
||
formatter: function(params) {
|
||
const v = params.value || (params.data && params.data.value);
|
||
if (!v) return '';
|
||
return params.seriesName + '<br/>'
|
||
+ axes[0] + ': ' + (typeof v[0] === 'number' ? v[0].toFixed(2) : v[0]) + '<br/>'
|
||
+ axes[1] + ': ' + (typeof v[1] === 'number' ? v[1].toFixed(2) : v[1]) + '<br/>'
|
||
+ axes[2] + ': ' + (typeof v[2] === 'number' ? v[2].toFixed(2) : v[2]);
|
||
}
|
||
},
|
||
legend: { data: ['较好类', '待提升类', d.school_name], bottom: 5, textStyle: { fontSize: 11 } },
|
||
xAxis3D: { name: d.axes[0], type: 'value', nameTextStyle: { fontSize: 10 } },
|
||
yAxis3D: { name: d.axes[1], type: 'value', nameTextStyle: { fontSize: 10 } },
|
||
zAxis3D: { name: d.axes[2], type: 'value', nameTextStyle: { fontSize: 10 } },
|
||
grid3D: {
|
||
viewControl: { autoRotate: true, autoRotateSpeed: 5, distance: 200, alpha: 20, beta: 30 },
|
||
boxWidth: 100, boxHeight: 100, boxDepth: 100,
|
||
light: { main: { intensity: 1.2, shadow: true }, ambient: { intensity: 0.3 } },
|
||
},
|
||
series: [
|
||
{ name: '较好类', type: 'scatter3D', data: d.good_data.map(p => ({ value: p })),
|
||
symbolSize: 8, itemStyle: { color: COLORS.success, opacity: 0.7 } },
|
||
{ name: '待提升类', type: 'scatter3D', data: d.weak_data.map(p => ({ value: p })),
|
||
symbolSize: 8, itemStyle: { color: COLORS.danger, opacity: 0.7 } },
|
||
{ name: d.school_name, type: 'scatter3D',
|
||
data: d.school_point ? [{ value: d.school_point }] : [],
|
||
symbolSize: 18, itemStyle: { color: COLORS.primary, borderColor: '#fff', borderWidth: 2 },
|
||
label: { show: true, formatter: d.school_name, textStyle: { fontSize: 12, fontWeight: 'bold', color: COLORS.primary } } },
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
} else {
|
||
const option = {
|
||
tooltip: { formatter: p => (p.data && p.data.name) ? p.data.name : d.axes[0] + ': ' + p.value[0] + '<br/>' + d.axes[1] + ': ' + p.value[1] },
|
||
legend: { data: ['较好类', '待提升类', d.school_name], bottom: 5, textStyle: { fontSize: 11 } },
|
||
grid: { left: '10%', right: '8%', bottom: '18%', top: '5%' },
|
||
xAxis: { name: d.axes[0], nameLocation: 'center', nameGap: 30, nameTextStyle: { fontSize: 11 }, splitLine: { show: true, lineStyle: { type: 'dashed' } } },
|
||
yAxis: { name: d.axes[1], nameLocation: 'center', nameGap: 40, nameTextStyle: { fontSize: 11 }, splitLine: { show: true, lineStyle: { type: 'dashed' } } },
|
||
series: [
|
||
{ name: '较好类', type: 'scatter', data: d.good_data, symbolSize: 10, itemStyle: { color: COLORS.success, opacity: 0.6 } },
|
||
{ name: '待提升类', type: 'scatter', data: d.weak_data, symbolSize: 10, itemStyle: { color: COLORS.danger, opacity: 0.6 } },
|
||
{ name: d.school_name, type: 'scatter',
|
||
data: d.school_point ? [{ value: d.school_point, name: d.school_name, symbolSize: 22 }] : [],
|
||
symbolSize: 22, itemStyle: { color: COLORS.primary, borderColor: '#fff', borderWidth: 3 },
|
||
label: { show: true, formatter: d.school_name, position: 'top', textStyle: { fontSize: 13, fontWeight: 'bold', color: COLORS.primary } } },
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
}
|
||
window.addEventListener('resize', () => chart.resize());
|
||
});
|
||
</script>
|
||
<script>
|
||
// ===== A. 学校画像卡（仪表盘 + 红绿灯） =====
|
||
const profileData = {"cluster": "\u5f85\u63d0\u5347", "dim_signals": [{"avg_level": 2.0, "min_level": 2, "name": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "rank": 7, "score": 49.23}, {"avg_level": 3.0, "min_level": 3, "name": "\u6559\u5b66\u53d8\u9769\u529b", "rank": 5, "score": 50.95}, {"avg_level": 2.5, "min_level": 2, "name": "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "rank": 4, "score": 50.99}, {"avg_level": 3.0, "min_level": 2, "name": "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "rank": 3, "score": 52.34}, {"avg_level": 2.2, "min_level": 2, "name": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "rank": 9, "score": 46.19}, {"avg_level": 2.7, "min_level": 2, "name": "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "rank": 5, "score": 51.66}, {"avg_level": 2.7, "min_level": 2, "name": "\u6570\u5b57\u5316\u8d4b\u80fd\u529b", "rank": 6, "score": 49.25}], "district_avg": 51.54, "level_counts": {"1": 0, "2": 10, "3": 9, "4": 1}, "rank": 6, "school_name": "\u590d\u65e6\u4e2d\u5b66", "school_type": "\u5e02\u5b9e\u9a8c\u6027\u793a\u8303\u6027\u9ad8\u4e2d", "total_schools": 9, "total_score": 50.09, "total_sub_dims": 20};
|
||
if (profileData && profileData.total_score) {
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('profile-card-chart'));
|
||
const score = profileData.total_score;
|
||
const districtAvg = profileData.district_avg;
|
||
const signals = profileData.dim_signals;
|
||
const levelCounts = profileData.level_counts;
|
||
|
||
// 信号灯颜色映射
|
||
const signalColor = function(minLevel) {
|
||
if (minLevel >= 4) return '#10b981';
|
||
if (minLevel >= 3) return '#3b82f6';
|
||
if (minLevel >= 2) return '#f59e0b';
|
||
return '#ef4444';
|
||
};
|
||
|
||
const option = {
|
||
title: [
|
||
{ text: profileData.school_name, left: 'center', top: 6, textStyle: { fontSize: 16, fontWeight: 'bold', color: '#1e3a5f' } },
|
||
{ text: profileData.school_type + ' · 区内第' + profileData.rank + '名', left: 'center', top: 28, textStyle: { fontSize: 11, color: '#6b7280' } },
|
||
],
|
||
series: [
|
||
// 中央仪表盘
|
||
{
|
||
type: 'gauge',
|
||
center: ['50%', '60%'],
|
||
radius: '55%',
|
||
startAngle: 210,
|
||
endAngle: -30,
|
||
min: 30,
|
||
max: 70,
|
||
splitNumber: 4,
|
||
itemStyle: { color: score >= districtAvg ? '#2563eb' : '#f59e0b' },
|
||
progress: { show: true, width: 18, roundCap: true },
|
||
pointer: { show: false },
|
||
axisLine: { lineStyle: { width: 18, color: [[0.25, '#fee2e2'], [0.5, '#fef3c7'], [0.75, '#dbeafe'], [1, '#d1fae5']] } },
|
||
axisTick: { show: false },
|
||
splitLine: { show: false },
|
||
axisLabel: { show: true, distance: 25, fontSize: 10, color: '#6b7280',
|
||
formatter: function(v) { return v.toFixed(0); } },
|
||
detail: {
|
||
valueAnimation: true, offsetCenter: [0, '-5%'],
|
||
fontSize: 36, fontWeight: 'bold', color: '#1e3a5f',
|
||
formatter: function(v) { return v.toFixed(1); },
|
||
},
|
||
data: [{ value: score }],
|
||
},
|
||
// 底部饼图：20个三级维度的水平分布
|
||
{
|
||
type: 'pie',
|
||
center: ['50%', '92%'],
|
||
radius: ['0%', '0%'], // 隐藏饼图，只用graphic展示
|
||
silent: true,
|
||
data: [],
|
||
},
|
||
],
|
||
graphic: (function() {
|
||
var items = [];
|
||
// 7个维度信号灯（底部横排）
|
||
var startX = 50 - (signals.length - 1) * 6;
|
||
signals.forEach(function(sig, i) {
|
||
var x = startX + i * 12;
|
||
// 圆点
|
||
items.push({
|
||
type: 'circle', shape: { cx: 0, cy: 0, r: 8 },
|
||
left: x + '%', top: '78%',
|
||
style: { fill: signalColor(sig.min_level), shadowBlur: 6, shadowColor: signalColor(sig.min_level) },
|
||
});
|
||
// 标签
|
||
items.push({
|
||
type: 'text',
|
||
left: x + '%', top: '84%',
|
||
style: {
|
||
text: sig.name.replace('力', ''),
|
||
textAlign: 'center', fontSize: 9, fill: '#374151',
|
||
},
|
||
});
|
||
});
|
||
// 水平分布摘要文字
|
||
var summaryText = '水平分布: ';
|
||
summaryText += 'Lv4=' + levelCounts[4] + ' Lv3=' + levelCounts[3] + ' Lv2=' + levelCounts[2] + ' Lv1=' + levelCounts[1];
|
||
items.push({
|
||
type: 'text',
|
||
left: 'center', top: '93%',
|
||
style: { text: summaryText, textAlign: 'center', fontSize: 10, fill: '#6b7280' },
|
||
});
|
||
return items;
|
||
})(),
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
}
|
||
|
||
// ===== B. 优势-短板象限图 =====
|
||
const quadrantData = {"items": [{"diff": 0.13, "level": 2, "name": "\u56fd\u5bb6\u6807\u51c6\u9075\u5faa", "parent": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "score": 53.46}, {"diff": -2.87, "level": 2, "name": "\u8bfe\u7a0b\u7ed3\u6784\u5efa\u8bbe", "parent": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "score": 46.82}, {"diff": -5.5, "level": 2, "name": "\u8bfe\u7a0b\u89c4\u8303\u843d\u5b9e", "parent": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "score": 47.42}, {"diff": 0.84, "level": 3, "name": "\u6559\u5b66\u65b9\u5f0f\u53d8\u9769", "parent": "\u6559\u5b66\u53d8\u9769\u529b", "score": 50.75}, {"diff": -1.59, "level": 3, "name": "\u4f5c\u4e1a\u8bbe\u8ba1\u4e0e\u7ba1\u7406\u53d8\u9769", "parent": "\u6559\u5b66\u53d8\u9769\u529b", "score": 51.14}, {"diff": 1.55, "level": 3, "name": "\u5b66\u79d1\u53d1\u5c55\u7684\u4e2a\u6027\u5316\u8f85\u5bfc", "parent": "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "score": 51.98}, {"diff": 0.33, "level": 2, "name": "\u5b66\u751f\u751f\u6daf\u53d1\u5c55\u6307\u5bfc", "parent": "\u5b66\u751f\u53d1\u5c55\u6307\u5bfc\u529b", "score": 50.0}, {"diff": -0.76, "level": 3, "name": "\u57f9\u8bad\u652f\u6301", "parent": "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "score": 49.41}, {"diff": 0.44, "level": 2, "name": "\u6559\u7814\u652f\u6301", "parent": "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "score": 49.84}, {"diff": 4.81, "level": 4, "name": "\u9879\u76ee\u652f\u6301", "parent": "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "score": 57.77}, {"diff": -5.89, "level": 2, "name": "\u79d1\u5b66\u8bc4\u4ef7\u89c2", "parent": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "score": 48.4}, {"diff": -5.37, "level": 2, "name": "\u5b66\u4e1a\u8d28\u91cf\u8bc4\u4f30", "parent": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "score": 44.38}, {"diff": -9.63, "level": 2, "name": "\u7efc\u5408\u7d20\u8d28\u8bc4\u4f30", "parent": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "score": 43.89}, {"diff": -4.96, "level": 3, "name": "\u5b9e\u8df5\u6d3b\u52a8\u8bc4\u4f30", "parent": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "score": 48.09}, {"diff": 3.04, "level": 3, "name": "\u533a\u57df\u63a8\u8fdb", "parent": "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "score": 55.23}, {"diff": -9.28, "level": 2, "name": "\u73af\u5883\u652f\u6301", "parent": "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "score": 43.33}, {"diff": 1.05, "level": 3, "name": "\u8d44\u6e90\u652f\u6301", "parent": "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "score": 56.43}, {"diff": 0.6, "level": 3, "name": "\u6559\u5b66\u65b9\u5f0f\u521b\u65b0", "parent": "\u6570\u5b57\u5316\u8d4b\u80fd\u529b", "score": 50.17}, {"diff": -5.98, "level": 2, "name": "\u8bc4\u4ef7\u7cbe\u51c6\u5316\u4e0e\u4e2a\u6027\u5316", "parent": "\u6570\u5b57\u5316\u8d4b\u80fd\u529b", "score": 45.33}, {"diff": 1.51, "level": 3, "name": "\u8bfe\u7a0b\u8fed\u4ee3\u4f18\u5316", "parent": "\u6570\u5b57\u5316\u8d4b\u80fd\u529b", "score": 52.27}], "school_name": "\u590d\u65e6\u4e2d\u5b66", "x_center": 50, "y_center": 0};
|
||
if (quadrantData && quadrantData.items && quadrantData.items.length > 0) {
|
||
(function() {
|
||
const chart = echarts.init(document.getElementById('quadrant-chart'));
|
||
const items = quadrantData.items;
|
||
|
||
// 颜色映射（按父维度）
|
||
const dimColors = {
|
||
'课程领导力': '#2563eb', '教学变革力': '#7c3aed', '学生发展指导力': '#059669',
|
||
'教师发展支持力': '#d97706', '教育质量评估力': '#dc2626',
|
||
'教育条件保障力': '#0891b2', '数字化赋能力': '#be185d',
|
||
};
|
||
|
||
const scatterData = items.map(function(item) {
|
||
return {
|
||
value: [item.score, item.diff],
|
||
name: item.name,
|
||
parent: item.parent,
|
||
level: item.level,
|
||
itemStyle: { color: dimColors[item.parent] || '#6b7280' },
|
||
};
|
||
});
|
||
|
||
const option = {
|
||
tooltip: {
|
||
formatter: function(p) {
|
||
var d = p.data;
|
||
return '<strong>' + d.name + '</strong> (' + d.parent + ')<br/>' +
|
||
'得分: ' + d.value[0] + '分<br/>' +
|
||
'差异: ' + (d.value[1] > 0 ? '+' : '') + d.value[1] + '分<br/>' +
|
||
'水平: ' + d.level;
|
||
}
|
||
},
|
||
grid: { left: '12%', right: '5%', bottom: '12%', top: '8%' },
|
||
xAxis: {
|
||
name: '得分', nameLocation: 'center', nameGap: 28,
|
||
nameTextStyle: { fontSize: 12 },
|
||
min: 20, max: 80,
|
||
splitLine: { show: true, lineStyle: { type: 'dashed', color: '#e5e7eb' } },
|
||
},
|
||
yAxis: {
|
||
name: '与区均值差异', nameLocation: 'center', nameGap: 40,
|
||
nameTextStyle: { fontSize: 12 },
|
||
splitLine: { show: true, lineStyle: { type: 'dashed', color: '#e5e7eb' } },
|
||
},
|
||
series: [{
|
||
type: 'scatter',
|
||
data: scatterData,
|
||
symbolSize: function(val, params) { return Math.abs(val[1]) * 1.5 + 10; },
|
||
label: {
|
||
show: true, position: 'right', fontSize: 9,
|
||
formatter: function(p) {
|
||
var n = p.data.name;
|
||
return n.length > 5 ? n.substring(0, 5) + '…' : n;
|
||
},
|
||
color: '#374151',
|
||
},
|
||
}],
|
||
// 象限标注
|
||
graphic: [
|
||
// 均值十字线
|
||
{ type: 'line', shape: { x1: 0, y1: 0, x2: 0, y2: 0 }, silent: true },
|
||
// 象限标签
|
||
{ type: 'text', right: '8%', top: '10%',
|
||
style: { text: '■ 核心优势', fill: '#059669', fontSize: 11, fontWeight: 'bold' } },
|
||
{ type: 'text', left: '14%', bottom: '14%',
|
||
style: { text: '■ 急需改进', fill: '#dc2626', fontSize: 11, fontWeight: 'bold' } },
|
||
{ type: 'text', right: '8%', bottom: '14%',
|
||
style: { text: '⊙ 隐性风险', fill: '#d97706', fontSize: 11, fontWeight: 'bold' } },
|
||
{ type: 'text', left: '14%', top: '10%',
|
||
style: { text: '↗ 潜力项', fill: '#2563eb', fontSize: 11, fontWeight: 'bold' } },
|
||
],
|
||
// 均值参考线
|
||
markLine: {},
|
||
};
|
||
// 加十字参考线
|
||
option.series[0].markLine = {
|
||
silent: true, symbol: 'none',
|
||
lineStyle: { color: '#9ca3af', type: 'dashed', width: 1 },
|
||
data: [
|
||
{ xAxis: 50, label: { formatter: '区均值', fontSize: 10, position: 'start' } },
|
||
{ yAxis: 0, label: { show: false } },
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
}
|
||
|
||
// ===== C. 温度计条形图 =====
|
||
const thermoData = {"data": {"\u4f5c\u4e1a\u8bbe\u8ba1\u4e0e\u7ba1\u7406\u53d8\u9769": {"district_avg": 52.73, "level": 3, "same_type_avg": 52.73, "score": 51.14, "thresholds": {"level2": 45, "level3": 49, "level4": 54}}, "\u533a\u57df\u63a8\u8fdb": {"district_avg": 52.19, "level": 3, "same_type_avg": 52.19, "score": 55.23, "thresholds": {"level2": 40, "level3": 52, "level4": 59}}, "\u56fd\u5bb6\u6807\u51c6\u9075\u5faa": {"district_avg": 53.33, "level": 2, "same_type_avg": 53.33, "score": 53.46, "thresholds": {"level2": 43, "level3": 53.5, "level4": 57}}, "\u57f9\u8bad\u652f\u6301": {"district_avg": 50.17, "level": 3, "same_type_avg": 50.17, "score": 49.41, "thresholds": {"level2": 47.5, "level3": 49, "level4": 51}}, "\u5b66\u4e1a\u8d28\u91cf\u8bc4\u4f30": {"district_avg": 49.75, "level": 2, "same_type_avg": 49.75, "score": 44.38, "thresholds": {"level2": 41, "level3": 46, "level4": 54}}, "\u5b66\u751f\u751f\u6daf\u53d1\u5c55\u6307\u5bfc": {"district_avg": 49.67, "level": 2, "same_type_avg": 49.67, "score": 50.0, "thresholds": {"level2": 42, "level3": 50, "level4": 56}}, "\u5b66\u79d1\u53d1\u5c55\u7684\u4e2a\u6027\u5316\u8f85\u5bfc": {"district_avg": 50.43, "level": 3, "same_type_avg": 50.43, "score": 51.98, "thresholds": {"level2": 46, "level3": 50, "level4": 60}}, "\u5b9e\u8df5\u6d3b\u52a8\u8bc4\u4f30": {"district_avg": 53.05, "level": 3, "same_type_avg": 53.05, "score": 48.09, "thresholds": {"level2": 43, "level3": 46.5, "level4": 50}}, "\u6559\u5b66\u65b9\u5f0f\u521b\u65b0": {"district_avg": 49.57, "level": 3, "same_type_avg": 49.57, "score": 50.17, "thresholds": {"level2": 40, "level3": 45, "level4": 54}}, "\u6559\u5b66\u65b9\u5f0f\u53d8\u9769": {"district_avg": 49.91, "level": 3, "same_type_avg": 49.91, "score": 50.75, "thresholds": {"level2": 45, "level3": 49, "level4": 54}}, "\u6559\u7814\u652f\u6301": {"district_avg": 49.4, "level": 2, "same_type_avg": 49.4, "score": 49.84, "thresholds": {"level2": 47, "level3": 50, "level4": 55}}, "\u73af\u5883\u652f\u6301": {"district_avg": 52.61, "level": 2, "same_type_avg": 52.61, "score": 43.33, "thresholds": {"level2": 41, "level3": 49.5, "level4": 56}}, "\u79d1\u5b66\u8bc4\u4ef7\u89c2": {"district_avg": 54.29, "level": 2, "same_type_avg": 54.29, "score": 48.4, "thresholds": {"level2": 43, "level3": 50, "level4": 57}}, "\u7efc\u5408\u7d20\u8d28\u8bc4\u4f30": {"district_avg": 53.52, "level": 2, "same_type_avg": 53.52, "score": 43.89, "thresholds": {"level2": 39, "level3": 50, "level4": 58.5}}, "\u8bc4\u4ef7\u7cbe\u51c6\u5316\u4e0e\u4e2a\u6027\u5316": {"district_avg": 51.31, "level": 2, "same_type_avg": 51.31, "score": 45.33, "thresholds": {"level2": 40, "level3": 50, "level4": 60}}, "\u8bfe\u7a0b\u7ed3\u6784\u5efa\u8bbe": {"district_avg": 49.68, "level": 2, "same_type_avg": 49.68, "score": 46.82, "thresholds": {"level2": 45, "level3": 49, "level4": 55.5}}, "\u8bfe\u7a0b\u89c4\u8303\u843d\u5b9e": {"district_avg": 52.92, "level": 2, "same_type_avg": 52.92, "score": 47.42, "thresholds": {"level2": 44, "level3": 50, "level4": 58}}, "\u8bfe\u7a0b\u8fed\u4ee3\u4f18\u5316": {"district_avg": 50.76, "level": 3, "same_type_avg": 50.76, "score": 52.27, "thresholds": {"level2": 45, "level3": 50, "level4": 55}}, "\u8d44\u6e90\u652f\u6301": {"district_avg": 55.38, "level": 3, "same_type_avg": 55.38, "score": 56.43, "thresholds": {"level2": 42, "level3": 49, "level4": 57.5}}, "\u9879\u76ee\u652f\u6301": {"district_avg": 52.96, "level": 4, "same_type_avg": 52.96, "score": 57.77, "thresholds": {"level2": 44, "level3": 50, "level4": 56.5}}}, "school_name": "\u590d\u65e6\u4e2d\u5b66"};
|
||
if (thermoData && thermoData.data) {
|
||
(function() {
|
||
// 为每个 thermo-{partId}-{subIndex} 容器渲染
|
||
Object.keys(thermoData.data).forEach(function(sdName) {
|
||
var d = thermoData.data[sdName];
|
||
// 查找匹配的容器（遍历所有 thermo- 开头的元素）
|
||
var allThermos = document.querySelectorAll('[id^="thermo-"]');
|
||
allThermos.forEach(function(el) {
|
||
if (el.getAttribute('data-rendered')) return;
|
||
// 找到未渲染的容器，按顺序匹配
|
||
});
|
||
});
|
||
|
||
// 用更简单的方式：直接在维度渲染时按 partId 和 subIndex 匹配
|
||
var partSubMap = {};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
partSubMap['part3-1'] = '国家标准遵循';
|
||
|
||
|
||
|
||
|
||
partSubMap['part3-2'] = '课程结构建设';
|
||
|
||
|
||
|
||
|
||
partSubMap['part3-3'] = '课程规范落实';
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
partSubMap['part4-1'] = '教学方式变革';
|
||
|
||
|
||
|
||
|
||
partSubMap['part4-2'] = '作业设计与管理变革';
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
partSubMap['part5-1'] = '学科发展的个性化辅导';
|
||
|
||
|
||
|
||
|
||
partSubMap['part5-2'] = '学生生涯发展指导';
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
partSubMap['part6-1'] = '培训支持';
|
||
|
||
|
||
|
||
|
||
partSubMap['part6-2'] = '教研支持';
|
||
|
||
|
||
|
||
|
||
partSubMap['part6-3'] = '项目支持';
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
partSubMap['part7-1'] = '科学评价观';
|
||
|
||
|
||
|
||
|
||
partSubMap['part7-2'] = '学业质量评估';
|
||
|
||
|
||
|
||
|
||
partSubMap['part7-3'] = '综合素质评估';
|
||
|
||
|
||
|
||
|
||
partSubMap['part7-4'] = '实践活动评估';
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
partSubMap['part8-1'] = '区域推进';
|
||
|
||
|
||
|
||
|
||
partSubMap['part8-2'] = '环境支持';
|
||
|
||
|
||
|
||
|
||
partSubMap['part8-3'] = '资源支持';
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
partSubMap['part9-1'] = '教学方式创新';
|
||
|
||
|
||
|
||
|
||
partSubMap['part9-2'] = '评价精准化与个性化';
|
||
|
||
|
||
|
||
|
||
partSubMap['part9-3'] = '课程迭代优化';
|
||
|
||
|
||
|
||
|
||
Object.keys(partSubMap).forEach(function(key) {
|
||
var sdName = partSubMap[key];
|
||
var d = thermoData.data[sdName];
|
||
if (!d) return;
|
||
var el = document.getElementById('thermo-' + key);
|
||
if (!el) return;
|
||
|
||
var chart = echarts.init(el);
|
||
var score = d.score;
|
||
var distAvg = d.district_avg;
|
||
var sameTypeAvg = d.same_type_avg;
|
||
var th = d.thresholds;
|
||
|
||
var option = {
|
||
grid: { left: '3%', right: '3%', top: '25%', bottom: '25%' },
|
||
xAxis: {
|
||
type: 'value', min: 20, max: 80,
|
||
axisLabel: { show: false },
|
||
axisTick: { show: false },
|
||
axisLine: { show: false },
|
||
splitLine: { show: false },
|
||
},
|
||
yAxis: {
|
||
type: 'category', data: [''],
|
||
axisLabel: { show: false },
|
||
axisTick: { show: false },
|
||
axisLine: { show: false },
|
||
},
|
||
series: [
|
||
// 背景条（水平区间着色：低分端=水平四红色 → 高分端=水平一绿色）
|
||
{ type: 'bar', data: [th.level2 - 20], stack: 'bg', barWidth: '60%',
|
||
itemStyle: { color: '#fee2e2', borderRadius: [4, 0, 0, 4] }, silent: true },
|
||
{ type: 'bar', data: [th.level3 - th.level2], stack: 'bg', barWidth: '60%',
|
||
itemStyle: { color: '#fef3c7' }, silent: true },
|
||
{ type: 'bar', data: [th.level4 - th.level3], stack: 'bg', barWidth: '60%',
|
||
itemStyle: { color: '#dbeafe' }, silent: true },
|
||
{ type: 'bar', data: [80 - th.level4], stack: 'bg', barWidth: '60%',
|
||
itemStyle: { color: '#d1fae5', borderRadius: [0, 4, 4, 0] }, silent: true },
|
||
],
|
||
// 指针标注
|
||
graphic: (function() {
|
||
var items = [];
|
||
var toPercent = function(val) { return ((val - 20) / 60 * 94 + 3) + '%'; };
|
||
// 本校得分指针（三角形 + 标签）
|
||
items.push({
|
||
type: 'text', left: toPercent(score), top: '2%',
|
||
style: { text: '▼ ' + score, textAlign: 'center', fontSize: 11, fontWeight: 'bold',
|
||
fill: '#1e3a5f' },
|
||
});
|
||
// 区均值指针
|
||
items.push({
|
||
type: 'text', left: toPercent(distAvg), bottom: '0%',
|
||
style: { text: '▲区均', textAlign: 'center', fontSize: 9, fill: '#6b7280' },
|
||
});
|
||
// 同类学校均值指针
|
||
if (Math.abs(sameTypeAvg - distAvg) > 1) {
|
||
items.push({
|
||
type: 'text', left: toPercent(sameTypeAvg), bottom: '0%',
|
||
style: { text: '▲同类', textAlign: 'center', fontSize: 9, fill: '#d97706' },
|
||
});
|
||
}
|
||
return items;
|
||
})(),
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
});
|
||
})();
|
||
}
|
||
|
||
// ===== D. 进步空间瀑布图 =====
|
||
const waterfallData = {"current_total": 50.09, "improvements": [{"current_level": 2, "current_score": 43.33, "gap": 6.17, "name": "\u73af\u5883\u652f\u6301", "parent": "\u6559\u80b2\u6761\u4ef6\u4fdd\u969c\u529b", "target_score": 49.5}, {"current_level": 2, "current_score": 43.89, "gap": 6.11, "name": "\u7efc\u5408\u7d20\u8d28\u8bc4\u4f30", "parent": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "target_score": 50}, {"current_level": 2, "current_score": 45.33, "gap": 4.67, "name": "\u8bc4\u4ef7\u7cbe\u51c6\u5316\u4e0e\u4e2a\u6027\u5316", "parent": "\u6570\u5b57\u5316\u8d4b\u80fd\u529b", "target_score": 50}, {"current_level": 2, "current_score": 47.42, "gap": 2.58, "name": "\u8bfe\u7a0b\u89c4\u8303\u843d\u5b9e", "parent": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "target_score": 50}, {"current_level": 2, "current_score": 46.82, "gap": 2.18, "name": "\u8bfe\u7a0b\u7ed3\u6784\u5efa\u8bbe", "parent": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "target_score": 49}, {"current_level": 2, "current_score": 44.38, "gap": 1.62, "name": "\u5b66\u4e1a\u8d28\u91cf\u8bc4\u4f30", "parent": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "target_score": 46}, {"current_level": 2, "current_score": 48.4, "gap": 1.6, "name": "\u79d1\u5b66\u8bc4\u4ef7\u89c2", "parent": "\u6559\u80b2\u8d28\u91cf\u8bc4\u4f30\u529b", "target_score": 50}, {"current_level": 2, "current_score": 49.84, "gap": 0.16, "name": "\u6559\u7814\u652f\u6301", "parent": "\u6559\u5e08\u53d1\u5c55\u652f\u6301\u529b", "target_score": 50}, {"current_level": 2, "current_score": 53.46, "gap": 0.04, "name": "\u56fd\u5bb6\u6807\u51c6\u9075\u5faa", "parent": "\u8bfe\u7a0b\u9886\u5bfc\u529b", "target_score": 53.5}], "potential_total": 51.35, "school_name": "\u590d\u65e6\u4e2d\u5b66", "steps": [{"name": "\u5f53\u524d\u603b\u5206", "type": "current", "value": 50.09}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+6.17\u5206)", "name": "\u73af\u5883\u652f\u6301", "type": "gain", "value": 0.31}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+6.11\u5206)", "name": "\u7efc\u5408\u7d20\u8d28\u8bc4\u4f30", "type": "gain", "value": 0.31}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+4.67\u5206)", "name": "\u8bc4\u4ef7\u7cbe\u51c6\u5316\u4e0e\u4e2a\u6027\u5316", "type": "gain", "value": 0.23}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+2.58\u5206)", "name": "\u8bfe\u7a0b\u89c4\u8303\u843d\u5b9e", "type": "gain", "value": 0.13}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+2.18\u5206)", "name": "\u8bfe\u7a0b\u7ed3\u6784\u5efa\u8bbe", "type": "gain", "value": 0.11}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+1.62\u5206)", "name": "\u5b66\u4e1a\u8d28\u91cf\u8bc4\u4f30", "type": "gain", "value": 0.08}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+1.6\u5206)", "name": "\u79d1\u5b66\u8bc4\u4ef7\u89c2", "type": "gain", "value": 0.08}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+0.16\u5206)", "name": "\u6559\u7814\u652f\u6301", "type": "gain", "value": 0.01}, {"detail": "\u4ece\u6c34\u5e732\u2192\u6c34\u5e733 (+0.04\u5206)", "name": "\u56fd\u5bb6\u6807\u51c6\u9075\u5faa", "type": "gain", "value": 0.0}, {"name": "\u6f5c\u5728\u603b\u5206", "type": "potential", "value": 51.35}], "total_gain": 1.26};
|
||
if (waterfallData && waterfallData.steps && waterfallData.steps.length > 1) {
|
||
(function() {
|
||
var el = document.getElementById('waterfall-chart');
|
||
if (!el) return;
|
||
var chart = echarts.init(el);
|
||
var steps = waterfallData.steps;
|
||
|
||
var categories = [];
|
||
var baseData = []; // 透明基底
|
||
var gainData = []; // 增长部分
|
||
var totalData = []; // 起止柱
|
||
|
||
var runningBase = 0;
|
||
steps.forEach(function(step, i) {
|
||
var shortName = step.name.length > 6 ? step.name.substring(0, 6) + '…' : step.name;
|
||
categories.push(shortName);
|
||
|
||
if (step.type === 'current') {
|
||
baseData.push(0);
|
||
gainData.push(0);
|
||
totalData.push(step.value);
|
||
runningBase = step.value;
|
||
} else if (step.type === 'gain') {
|
||
baseData.push(runningBase);
|
||
gainData.push(step.value);
|
||
totalData.push(0);
|
||
runningBase += step.value;
|
||
} else if (step.type === 'potential') {
|
||
baseData.push(0);
|
||
gainData.push(0);
|
||
totalData.push(step.value);
|
||
}
|
||
});
|
||
|
||
var option = {
|
||
tooltip: {
|
||
trigger: 'axis', axisPointer: { type: 'shadow' },
|
||
formatter: function(params) {
|
||
var idx = params[0].dataIndex;
|
||
var step = steps[idx];
|
||
if (step.type === 'current') return '当前总分: <strong>' + step.value + '</strong>分';
|
||
if (step.type === 'potential') return '潜在总分: <strong>' + step.value + '</strong>分 (+' + waterfallData.total_gain + ')';
|
||
return '<strong>' + step.name + '</strong><br/>' +
|
||
(step.detail || '') + '<br/>预估总分贡献: +' + step.value + '分';
|
||
},
|
||
},
|
||
grid: { left: '5%', right: '5%', bottom: '18%', top: '8%', containLabel: true },
|
||
xAxis: {
|
||
type: 'category', data: categories,
|
||
axisLabel: { fontSize: 10, rotate: 20 },
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
min: Math.floor(waterfallData.current_total - 2),
|
||
max: Math.ceil(waterfallData.potential_total + 2),
|
||
axisLabel: { fontSize: 11 },
|
||
},
|
||
series: [
|
||
// 透明基底
|
||
{
|
||
type: 'bar', stack: 'waterfall', data: baseData,
|
||
itemStyle: { color: 'transparent' }, barWidth: '45%',
|
||
emphasis: { itemStyle: { color: 'transparent' } },
|
||
},
|
||
// 增长部分（绿色）
|
||
{
|
||
type: 'bar', stack: 'waterfall', data: gainData,
|
||
itemStyle: { color: '#10b981', borderRadius: [4, 4, 0, 0] },
|
||
barWidth: '45%',
|
||
label: {
|
||
show: true, position: 'top', fontSize: 10, color: '#059669',
|
||
formatter: function(p) { return p.value > 0 ? '+' + p.value.toFixed(2) : ''; },
|
||
},
|
||
},
|
||
// 起止柱（蓝色）
|
||
{
|
||
type: 'bar', data: totalData,
|
||
itemStyle: {
|
||
color: function(p) {
|
||
return p.dataIndex === 0 ? '#2563eb' : '#0891b2';
|
||
},
|
||
borderRadius: [4, 4, 0, 0],
|
||
},
|
||
barWidth: '45%',
|
||
label: {
|
||
show: true, position: 'top', fontSize: 12, fontWeight: 'bold',
|
||
color: '#1e3a5f',
|
||
formatter: function(p) { return p.value > 0 ? p.value.toFixed(1) : ''; },
|
||
},
|
||
},
|
||
],
|
||
};
|
||
chart.setOption(option);
|
||
window.addEventListener('resize', () => chart.resize());
|
||
})();
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script>
|
||
(function() {
|
||
/* ---- 1. 自动扫描 h1/h2 生成 TOC ---- */
|
||
var track = document.getElementById('toc-track');
|
||
var container = document.querySelector('.report-container');
|
||
// 取 .section 内的 h1（部分标题）和 h2[id]（子维度标题）
|
||
var headings = container.querySelectorAll('.section > h1, h2[id]');
|
||
var currentGroup = null;
|
||
|
||
headings.forEach(function(h) {
|
||
// 确保有 id 可跳转；h1 取父 .section 的 id，h2 自身有 id
|
||
var id = '';
|
||
if (h.tagName === 'H1') {
|
||
var sec = h.closest('.section');
|
||
id = sec ? sec.id : '';
|
||
} else {
|
||
id = h.id;
|
||
}
|
||
if (!id) return;
|
||
|
||
var a = document.createElement('a');
|
||
a.href = '#' + id;
|
||
a.className = 'toc-item';
|
||
// 去掉"第X部分 "前缀，只保留核心文字
|
||
var text = h.textContent.replace(/^第[一二三四五六七八九十]+部分\s*/, '');
|
||
// h2 也去掉"二、""三、"等编号前缀
|
||
text = text.replace(/^[一二三四五六七八九十]+、\s*/, '');
|
||
a.textContent = text;
|
||
|
||
if (h.tagName === 'H1') {
|
||
a.classList.add('level-1');
|
||
a.setAttribute('data-group', id);
|
||
currentGroup = id;
|
||
} else {
|
||
a.classList.add('level-2');
|
||
if (currentGroup) a.setAttribute('data-parent', currentGroup);
|
||
}
|
||
track.appendChild(a);
|
||
});
|
||
|
||
/* ---- 2. 事件绑定 ---- */
|
||
var tocItems = track.querySelectorAll('.toc-item');
|
||
var level2Items = track.querySelectorAll('.toc-item.level-2');
|
||
var sections = [];
|
||
|
||
tocItems.forEach(function(item) {
|
||
var target = document.getElementById(item.getAttribute('href').slice(1));
|
||
if (target) sections.push({ el: target, link: item });
|
||
|
||
// 点击平滑滚动
|
||
item.addEventListener('click', function(e) {
|
||
e.preventDefault();
|
||
target && target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||
if (window.innerWidth <= 1280) {
|
||
document.getElementById('toc-nav').classList.remove('show');
|
||
}
|
||
});
|
||
});
|
||
|
||
function expandGroup(gid) {
|
||
level2Items.forEach(function(item) {
|
||
item.classList.toggle('visible', item.getAttribute('data-parent') === gid);
|
||
});
|
||
}
|
||
|
||
/* ---- 3. 滚动高亮 ---- */
|
||
var ticking = false;
|
||
window.addEventListener('scroll', function() {
|
||
if (ticking) return;
|
||
ticking = true;
|
||
window.requestAnimationFrame(function() {
|
||
var scrollY = window.scrollY + 150;
|
||
var current = null;
|
||
for (var i = sections.length - 1; i >= 0; i--) {
|
||
if (sections[i].el.offsetTop <= scrollY) { current = sections[i]; break; }
|
||
}
|
||
tocItems.forEach(function(item) { item.classList.remove('active'); });
|
||
if (current) {
|
||
current.link.classList.add('active');
|
||
expandGroup(current.link.getAttribute('data-group') || current.link.getAttribute('data-parent') || '');
|
||
}
|
||
ticking = false;
|
||
});
|
||
});
|
||
|
||
window.dispatchEvent(new Event('scroll'));
|
||
})();
|
||
</script>
|
||
|
||
</body>
|
||
</html> |