xhkjedu
/
classReportPDF

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>校本PDF报告-第一章 考试概况</title>
    <link rel="stylesheet" href="../css/section_1.css" />
  </head>
  <body>
    <div class="page_root section1">
      <h1 class="section_title_1">第一章 考试概况</h1>
      <div class="abstract_box">
        <div class="abstract_left">
          <img src="/img/img1.png" />
        </div>
        <div class="abstract_right">
          <div class="abstract_content">
            从学校和数据的角度分析整体科目、整体班级及各科各班之间的水平和差异情况，系统从多个维度的数据进行对比分析，<strong
              >包括满分、最高分、平均分、最低分、四率、参考人数、标准差。</strong
            >
          </div>
        </div>
      </div>
      <h2 class="section_title_2">1.学科成绩对比</h2>
      <h3 class="section_title_3">
        1.1 各科满分、最高分、最低分、平均分对比分析
      </h3>
      <div
        id="averagescoreEcharts"
        style="margin: 0 4mm 4mm; height: 70mm"
      ></div>
      <div class="echarts_result">
        <div>上图统计结果表示：</div>
        <div class="echarts_result_content">
          <span class="yj" style="background-color: #ff5d41"></span
          >满分人数最多科目：<span class="mfclass"></span>
        </div>
      </div>
      <h3 class="section_title_3">
        1.2 各科优秀率、良好率、及格率、低分率对比分析
      </h3>
      <div
        id="excellencerateEcharts"
        style="margin: 0 4mm 4mm; height: 70mm"
      ></div>
    </div>
    <div class="page_root section1">
      <div class="echarts_result">
        <div>上图统计结果表示：</div>
        <div class="echarts_result_content">
          <span class="yj" style="background-color: #5c99ff"></span
          >优秀率最高的科目：<span class="yxclass"></span>
        </div>
        <div
          class="echarts_result_content"
          style="margin-top: 0; padding-top: 0"
        >
          <span class="yj" style="background-color: #ff5f56"></span
          >良好率最高的科目：<span class="lhclass"></span>
        </div>
        <div
          class="echarts_result_content"
          style="margin-top: 0; padding-top: 0"
        >
          <span class="yj" style="background-color: #5ec5c8"></span
          >及格率最高的科目：<span class="jgclass"></span>
        </div>
        <div
          class="echarts_result_content"
          style="margin-top: 0; padding-top: 0"
        >
          <span class="yj" style="background-color: #f1982b"></span
          >低分率最高的科目：<span class="dfclass"></span>
        </div>
      </div>
      <h3 class="section_title_3">1.3 各科实考人数、缺考人数分析</h3>
      <div id="examnumEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
      <div class="echarts_result">
        <div>上图统计结果表示：</div>
        <div class="echarts_result_content">
          <span class="yj" style="background-color: #5c99ff"></span
          >实考人数最多的科目：<span class="skclass"></span>
        </div>
        <div
          class="echarts_result_content"
          style="margin-top: 0; padding-top: 0"
        >
          <span class="yj" style="background-color: #ff5d41"></span
          >缺考人数最多的科目：<span class="qkclass"></span>
        </div>
      </div>
      <h3 class="section_title_3">1.4 各科标准差分析</h3>
      <div id="bzcEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
    </div>
    <div class="page_root section1">
      <h3 class="section_title_3">1.5 学科成绩整体分析</h3>
      <table border="1" class="my_table">
        <thead>
          <tr>
            <th>科目</th>
            <th class="w16mm">实考人数</th>
            <th class="w16mm">缺考人数</th>
            <th class="w10mm">满分</th>
            <th class="w12mm">最高分</th>
            <th class="w12mm">最低分</th>
            <th class="w12mm">平均分</th>
            <th class="w14mm">优秀率</th>
            <th class="w14mm">良好率</th>
            <th class="w14mm">及格率</th>
            <th class="w14mm">低分率</th>
            <th class="w12mm">标准差</th>
          </tr>
        </thead>
        <tbody class="tbody"></tbody>
      </table>
      <h2 class="section_title_2">2.平均分对比</h2>
      <div
        id="examaverageEcharts"
        style="margin: 0 4mm 4mm; height: 80mm"
      ></div>
      <div class="echarts_result">
        <div>上图统计结果表示：</div>
        <div class="echarts_result_content">
          <span class="yj" style="background-color: #5c99ff"></span
          >考的较好的科目：<span class="goodclass"></span>
        </div>
        <div
          class="echarts_result_content"
          style="margin-top: 0; padding-top: 0"
        >
          <span class="yj" style="background-color: #ff5f56"></span
          >考的较差的科目：<span class="badclass"></span>
        </div>
      </div>
      <h2 class="section_title_2">3.分数等级统计</h2>
      <h3 class="section_title_3">3.1 各科等级分析</h3>
      <div id="scoreGradeEcharts" style="margin: 0 4mm 4mm; height: 70mm"></div>
    </div>
    <div class="page_root section1">
      <h3 class="section_title_3">3.2 各科等级比例分析</h3>
      <div class="gradescale"></div>
    </div>
    <div class="page_root section1 table_num0">
      <h2 class="section_title_2">4.分数段统计</h2>
      <h3 class="section_title_3">4.1 各科分数段分析</h3>
      <div class="curscorelevel">
        当前设置分数段：<span class="classPartEcharts">20</span>分/段
      </div>
      <div
        id="classscorePartEcharts"
        style="margin: 0 4mm 4mm; height: 80mm"
      ></div>
      <h3 class="section_title_3">4.2 各科分数段比例分布</h3>
      <div class="scoredistribution"></div>
    </div>
    <div class="page_root section1">
      <h2 class="section_title_2">5.优劣学科统计</h2>
      <h3 class="section_title_3">5.1 各科优劣分析</h3>
      <div
        id="goodbadSubjectEcharts"
        style="margin: 0 4mm 4mm; height: 80mm"
      ></div>
      <div class="echarts_result">
        <div>上图统计结果表示：</div>
        <div class="echarts_result_content">
          <span class="yj" style="background-color: #5c99ff"></span
          >优势学科：<span class="yssubject"></span>
        </div>
        <div
          class="echarts_result_content"
          style="margin-top: 0; padding-top: 0"
        >
          <span class="yj" style="background-color: #ff5f56"></span
          >劣势学科：<span class="lssubject"></span>
        </div>
      </div>
      <h3 class="section_title_3">5.2 各科优劣比例分布</h3>
      <div class="goodbadtable"></div>
    </div>
    <script src="../js/section_1.js"></script>
  </body>
</html>