临界生对比

css/common.css

@@ -132,15 +132,33 @@ h1,h2,h3,h4 {
 .bg_5699FF {
   background-color: #5699FF;
 }
+.c_5699FF {
+  color: #5699FF;
+}
 .bg_FF5F56 {
   background-color: #FF5F56;
 }
+.c_FF5F56 {
+  color: #FF5F56;
+}
 .bg_5EC5C8 {
   background-color: #5EC5C8;
 }
+.c_5EC5C8 {
+  color: #5EC5C8;
+}
 .bg_F1982B {
   background-color: #F1982B;
 }
+.c_F1982B {
+  color: #F1982B;
+}
+.margin_left_6mm  {
+  margin-left: 6mm;
+}
+.margin_right_6mm  {
+  margin-right: 6mm;
+}
 .w10mm {
   width: 10mm;
 }

css/scoreAnalysis/section_2_lin_all.css

@@ -0,0 +1,13 @@
+.section_2_lin_all .echarts_result_content {
+  margin-top: 3mm;
+  padding: 2mm 3mm;
+  line-height: 7mm;
+  background-color: #fff;
+}
+.section_2_lin_all .echarts_result_content .dot {
+  display: inline-block;
+  margin-right: 2mm;
+  width: 2mm;
+  height: 2mm;
+  border-radius: 50%;
+}

css/scoreAnalysis/section_2_lin_single.css

@@ -0,0 +1,13 @@
+.section_2_lin_single .echarts_result_content {
+    margin-top: 3mm;
+    padding: 2mm 3mm;
+    line-height: 7mm;
+    background-color: #fff;
+}
+.section_2_lin_single .echarts_result_content .dot {
+    display: inline-block;
+    margin-right: 2mm;
+    width: 2mm;
+    height: 2mm;
+    border-radius: 50%;
+}

js/scoreAnalysis/section_2_lin_all.js

@@ -0,0 +1,254 @@
+$(function () {
+  // 按名次统计
+  function initClassCriticalRankEcharts() {
+    var legend_data = [">10名", "≤10名"];
+    var xAxis_data = ["全部班级", "九年级一班", "九年级二班"];
+    var series_data1 = [7, 4, 3];
+    var series_data2 = [-4, -2, -2];
+    var option = {
+      title: {
+        text: "人",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: 12,
+          fontWeight: 500
+        }
+      },
+      color: ["#5C99FF", "#F39A2C"],
+      legend: {
+        itemWidth: 6,
+        itemHeight: 6,
+        bottom: 30,
+        data: legend_data
+      },
+      grid: {
+        top: 30,
+        left: 5,
+        right: 0,
+        bottom: 65,
+        containLabel: true
+      },
+      xAxis: [
+        {
+          type: "category",
+          offset: 10,
+          position: "bottom",
+          data: xAxis_data,
+          axisLabel: {
+            color: "#5F6E82" //更改坐标轴文字颜色
+          },
+          axisTick: {
+            alignWithLabel: true
+          },
+          boundaryGap: true,
+          triggerEvent: true,
+          axisLine: {
+            show: true, //是否显示轴线
+            lineStyle: {
+              color: "#DADADA" //刻度线的颜色
+            }
+          }
+        }
+      ],
+      yAxis: [
+        {
+          type: "value",
+          axisTick: {
+            show: false //刻度
+          },
+          axisLine: {
+            show: false, //是否显示轴线
+            lineStyle: {
+              color: "#DADADA" //刻度线的颜色
+            }
+          },
+          splitLine: {
+            //网格线
+            lineStyle: {
+              type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+            },
+            show: true //隐藏或显示
+          },
+          axisLabel: {
+            color: "#5F6E82" //更改坐标轴文字颜色
+          }
+        }
+      ],
+      series: [
+        {
+          name: legend_data[0],
+          type: "bar",
+          stack: "one",
+          barWidth: 32,
+          // 柱状图最小高度
+          barMinHeight: 0,
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0
+            }
+          },
+          data: series_data1
+        },
+        {
+          name: legend_data[1],
+          type: "bar",
+          stack: "one",
+          barWidth: 32,
+          // 柱状图最小高度
+          barMinHeight: 0,
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "top",
+              position: "bottom",
+              distance: 0,
+              formatter: function (params) {
+                return Math.abs(params.value);
+              }
+            }
+          },
+          data: series_data2
+        }
+      ]
+    };
+    var myEcharts = echarts.init(document.querySelector(".section_2_lin_all #classCriticalRankEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
+  // 按分数统计
+  function initClassCriticalScoreEcharts() {
+    var legend_data = [">10分", "≤10分"];
+    var xAxis_data = ["全部班级", "九年级一班", "九年级二班"];
+    var series_data1 = [7, 4, 3];
+    var series_data2 = [-4, -2, -2];
+    var option = {
+      title: {
+        text: "人",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: 12,
+          fontWeight: 500
+        }
+      },
+      color: ["#5C99FF", "#F39A2C"],
+      legend: {
+        itemWidth: 6,
+        itemHeight: 6,
+        bottom: 30,
+        data: legend_data
+      },
+      grid: {
+        top: 30,
+        left: 5,
+        right: 0,
+        bottom: 65,
+        containLabel: true
+      },
+      xAxis: [
+        {
+          type: "category",
+          offset: 10,
+          position: "bottom",
+          data: xAxis_data,
+          axisLabel: {
+            color: "#5F6E82" //更改坐标轴文字颜色
+          },
+          axisTick: {
+            alignWithLabel: true
+          },
+          boundaryGap: true,
+          triggerEvent: true,
+          axisLine: {
+            show: true, //是否显示轴线
+            lineStyle: {
+              color: "#DADADA" //刻度线的颜色
+            }
+          }
+        }
+      ],
+      yAxis: [
+        {
+          type: "value",
+          axisTick: {
+            show: false //刻度
+          },
+          axisLine: {
+            show: false, //是否显示轴线
+            lineStyle: {
+              color: "#DADADA" //刻度线的颜色
+            }
+          },
+          splitLine: {
+            //网格线
+            lineStyle: {
+              type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+            },
+            show: true //隐藏或显示
+          },
+          axisLabel: {
+            color: "#5F6E82" //更改坐标轴文字颜色
+          }
+        }
+      ],
+      series: [
+        {
+          name: legend_data[0],
+          type: "bar",
+          stack: "one",
+          barWidth: 32,
+          // 柱状图最小高度
+          barMinHeight: 0,
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0
+            }
+          },
+          data: series_data1
+        },
+        {
+          name: legend_data[1],
+          type: "bar",
+          stack: "one",
+          barWidth: 32,
+          // 柱状图最小高度
+          barMinHeight: 0,
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "top",
+              position: "bottom",
+              distance: 0,
+              formatter: function (params) {
+                return Math.abs(params.value);
+              }
+            }
+          },
+          data: series_data2
+        }
+      ]
+    };
+    var myEcharts = echarts.init(document.querySelector(".section_2_lin_all #classCriticalScoreEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
+  initClassCriticalRankEcharts();
+  initClassCriticalScoreEcharts();
+});

js/scoreAnalysis/section_2_lin_single.js

@@ -0,0 +1,254 @@
+$(function () {
+    // 按名次统计
+    function initClassCriticalRankEcharts() {
+      var legend_data = [">10名", "≤10名"];
+      var xAxis_data = ["全部班级", "九年级一班", "九年级二班"];
+      var series_data1 = [7, 4, 3];
+      var series_data2 = [-4, -2, -2];
+      var option = {
+        title: {
+          text: "人",
+          x: "left",
+          y: "top",
+          textStyle: {
+            color: "#5F6E82",
+            fontSize: 12,
+            fontWeight: 500
+          }
+        },
+        color: ["#5C99FF", "#F39A2C"],
+        legend: {
+          itemWidth: 6,
+          itemHeight: 6,
+          bottom: 30,
+          data: legend_data
+        },
+        grid: {
+          top: 30,
+          left: 5,
+          right: 0,
+          bottom: 65,
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: "category",
+            offset: 10,
+            position: "bottom",
+            data: xAxis_data,
+            axisLabel: {
+              color: "#5F6E82" //更改坐标轴文字颜色
+            },
+            axisTick: {
+              alignWithLabel: true
+            },
+            boundaryGap: true,
+            triggerEvent: true,
+            axisLine: {
+              show: true, //是否显示轴线
+              lineStyle: {
+                color: "#DADADA" //刻度线的颜色
+              }
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: "value",
+            axisTick: {
+              show: false //刻度
+            },
+            axisLine: {
+              show: false, //是否显示轴线
+              lineStyle: {
+                color: "#DADADA" //刻度线的颜色
+              }
+            },
+            splitLine: {
+              //网格线
+              lineStyle: {
+                type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+              },
+              show: true //隐藏或显示
+            },
+            axisLabel: {
+              color: "#5F6E82" //更改坐标轴文字颜色
+            }
+          }
+        ],
+        series: [
+          {
+            name: legend_data[0],
+            type: "bar",
+            stack: "one",
+            barWidth: 32,
+            // 柱状图最小高度
+            barMinHeight: 0,
+            barGap: 0,
+            label: {
+              normal: {
+                show: true,
+                align: "center",
+                verticalAlign: "bottom",
+                position: "top",
+                distance: 0
+              }
+            },
+            data: series_data1
+          },
+          {
+            name: legend_data[1],
+            type: "bar",
+            stack: "one",
+            barWidth: 32,
+            // 柱状图最小高度
+            barMinHeight: 0,
+            barGap: 0,
+            label: {
+              normal: {
+                show: true,
+                align: "center",
+                verticalAlign: "top",
+                position: "bottom",
+                distance: 0,
+                formatter: function (params) {
+                  return Math.abs(params.value);
+                }
+              }
+            },
+            data: series_data2
+          }
+        ]
+      };
+      var myEcharts = echarts.init(document.querySelector(".section_2_lin_single #classCriticalRankEcharts"));
+      myEcharts.clear();
+      myEcharts.setOption(option);
+    }
+    // 按分数统计
+    function initClassCriticalScoreEcharts() {
+      var legend_data = [">10分", "≤10分"];
+      var xAxis_data = ["全部班级", "九年级一班", "九年级二班"];
+      var series_data1 = [7, 4, 3];
+      var series_data2 = [-4, -2, -2];
+      var option = {
+        title: {
+          text: "人",
+          x: "left",
+          y: "top",
+          textStyle: {
+            color: "#5F6E82",
+            fontSize: 12,
+            fontWeight: 500
+          }
+        },
+        color: ["#5C99FF", "#F39A2C"],
+        legend: {
+          itemWidth: 6,
+          itemHeight: 6,
+          bottom: 30,
+          data: legend_data
+        },
+        grid: {
+          top: 30,
+          left: 5,
+          right: 0,
+          bottom: 65,
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: "category",
+            offset: 10,
+            position: "bottom",
+            data: xAxis_data,
+            axisLabel: {
+              color: "#5F6E82" //更改坐标轴文字颜色
+            },
+            axisTick: {
+              alignWithLabel: true
+            },
+            boundaryGap: true,
+            triggerEvent: true,
+            axisLine: {
+              show: true, //是否显示轴线
+              lineStyle: {
+                color: "#DADADA" //刻度线的颜色
+              }
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: "value",
+            axisTick: {
+              show: false //刻度
+            },
+            axisLine: {
+              show: false, //是否显示轴线
+              lineStyle: {
+                color: "#DADADA" //刻度线的颜色
+              }
+            },
+            splitLine: {
+              //网格线
+              lineStyle: {
+                type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+              },
+              show: true //隐藏或显示
+            },
+            axisLabel: {
+              color: "#5F6E82" //更改坐标轴文字颜色
+            }
+          }
+        ],
+        series: [
+          {
+            name: legend_data[0],
+            type: "bar",
+            stack: "one",
+            barWidth: 32,
+            // 柱状图最小高度
+            barMinHeight: 0,
+            barGap: 0,
+            label: {
+              normal: {
+                show: true,
+                align: "center",
+                verticalAlign: "bottom",
+                position: "top",
+                distance: 0
+              }
+            },
+            data: series_data1
+          },
+          {
+            name: legend_data[1],
+            type: "bar",
+            stack: "one",
+            barWidth: 32,
+            // 柱状图最小高度
+            barMinHeight: 0,
+            barGap: 0,
+            label: {
+              normal: {
+                show: true,
+                align: "center",
+                verticalAlign: "top",
+                position: "bottom",
+                distance: 0,
+                formatter: function (params) {
+                  return Math.abs(params.value);
+                }
+              }
+            },
+            data: series_data2
+          }
+        ]
+      };
+      var myEcharts = echarts.init(document.querySelector(".section_2_lin_single #classCriticalScoreEcharts"));
+      myEcharts.clear();
+      myEcharts.setOption(option);
+    }
+    initClassCriticalRankEcharts();
+    initClassCriticalScoreEcharts();
+  });

js/section_2.js

@@ -8,8 +8,8 @@ $(function() {
     "section_2_class_single",
     "section_2_level",
     "section_2_part",
-    "section_2_lin_rank",
-    "section_2_lin_score",
+    "section_2_lin_all",
+    "section_2_lin_single",
     "section_2_excellent"
   ];
   $(".score_analysis_root").html(sectionsHtmlArr.map(function (htmlName) {

notes.txt

@@ -8,8 +8,8 @@ section_2.html 第二部分
         班级成绩对比-单科 section_2_class_single
         分数等级对比-全科（分数等级对比-单科）section_2_level
         分数分段对比-全科（分数分段对比-单科）section_2_part
-        临界生对比-全科 （按名次）（临界生对比-单科 （按名次））section_2_lin_rank
-        临界生对比-全科 （按分数）（临界生对比-单科 （按分数））section_2_lin_score
+        临界生对比-全科 （按名次）临界生对比-全科 （按分数）section_2_lin_all
+        临界生对比-单科 （按名次）临界生对比-单科 （按分数）section_2_lin_single
         优秀生、学困生对比-全科（优秀生、学困生对比-单科）section_2_excellent
 section_3.html 第三部分
 section_4.html 第四部分

sections/scoreAnalysis/section_2_lin_all.html

@@ -0,0 +1,116 @@
+<!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/scoreAnalysis/section_2_lin_all.css">
+</head>
+<body>
+  <div class="page_root section_2_lin_all">
+    <h2 class="section_title_2">4.临界生对比</h2>
+    <h3 class="section_title_3">4.1 全科临界生对比</h3>
+    <h4 class="section_title_4">4.1.1 各班临界生对比分析</h4>
+    <div class="echarts_result">
+      <div>按名次统计</div>
+      <div class="echarts_result_content">
+        <div>临界名次：<span class="c_5699FF">90</span>名<span class="margin_left_6mm margin_right_6mm">浮动名次：<span
+              class="c_FF5F56">5</span>名</span>名次区间：<span class="c_5699FF">85 - 95</span>名</div>
+      </div>
+    </div>
+    <div id="classCriticalRankEcharts" style="margin: 0 4mm 4mm; height: 120mm"></div>
+  </div>
+  <div class="page_root section_2_lin_all">
+    <h4 class="section_title_4">4.1.2 各班名次整体分析</h4>
+    <table border="1" class="my_table">
+      <thead>
+        <tr>
+          <th>班级</th>
+          <th>人数</th>
+          <th>占比</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><div class="my_cell">全年级</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+      </tbody>
+    </table>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content">
+        <div><span class="dot bg_FF5F56"></span>临界生最多的班级：八年级六班</div>
+      </div>
+    </div>
+  </div>
+  <div class="page_root section_2_lin_all">
+    <div class="echarts_result">
+      <div>按分数统计</div>
+      <div class="echarts_result_content">
+        <div>临界分：<span class="c_5699FF">90</span>分<span class="margin_left_6mm margin_right_6mm">浮动分：<span
+              class="c_FF5F56">5</span>分</span>分数区间：<span class="c_5699FF">85 - 95</span>分</div>
+      </div>
+    </div>
+    <div id="classCriticalScoreEcharts" style="margin: 0 4mm 4mm; height: 120mm"></div>
+  </div>
+  <div class="page_root section_2_lin_all">
+    <h4 class="section_title_4">4.1.3 各班分数整体分析</h4>
+    <table border="1" class="my_table">
+      <thead>
+        <tr>
+          <th>班级</th>
+          <th>人数</th>
+          <th>占比</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><div class="my_cell">全年级</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+      </tbody>
+    </table>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content">
+        <div><span class="dot bg_FF5F56"></span>临界生最多的班级：八年级六班</div>
+      </div>
+    </div>
+  </div>
+  <script src="../../js/scoreAnalysis/section_2_lin_all.js"></script>
+</body>
+</html>

sections/scoreAnalysis/section_2_lin_rank.html

@@ -1,97 +0,0 @@
-<!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>
-</head>
-<body>
-  <div class="page_root section_2_lin_rank">
-    <h2 class="section_title_2">3.分数分段级对比</h2>
-      <h3 class="section_title_3">3.1 全科分数段统计</h3>
-      <h4 class="section_title_4">3.1.1 全年级各分数段分析</h4>
-      <div id="classscoreLevelEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
-      <h4 class="section_title_4">3.1.2 各班分数段比例分布</h4>
-      <table border="1" class="my_table">
-        <thead>
-          <tr>
-            <th rowspan="2">班级</th>
-            <th colspan="2">A类</th>
-            <th colspan="2">B类</th>
-            <th colspan="2">C类</th>
-            <th colspan="2">D类</th>
-            <th colspan="2">E类</th>
-          </tr>
-          <tr>
-            <th>人数</th>
-            <th>比例</th>
-            <th>人数</th>
-            <th>比例</th>
-            <th>人数</th>
-            <th>比例</th>
-            <th>人数</th>
-            <th>比例</th>
-            <th>人数</th>
-            <th>比例</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td><div class="my_cell">全部班级</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-          </tr>
-          <tr>
-            <td><div class="my_cell">八年级一班</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-          </tr>
-          <tr>
-            <td><div class="my_cell">八年级二班</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-          </tr>
-          <tr>
-            <td><div class="my_cell">八年级三班</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-            <td><div class="my_cell">5</div></td>
-            <td><div class="my_cell">4%</div></td>
-          </tr>
-        </tbody>
-      </table>
-  </div>
-  <script src="../../js/scoreAnalysis/section_2_lin_rank.js"></script>
-</body>
-</html>

sections/scoreAnalysis/section_2_lin_score.html

@@ -1,13 +0,0 @@
-<!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>
-</head>
-<body>
-  <div class="page_root"></div>
-  <script src="../../js/scoreAnalysis/section_2_lin_score.js"></script>
-</body>
-</html>

sections/scoreAnalysis/section_2_lin_single.html

@@ -0,0 +1,115 @@
+<!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/scoreAnalysis/section_2_lin_single.css">
+</head>
+<body>
+  <div class="page_root section_2_lin_single">
+    <h3 class="section_title_3">4.2 全科临界生对比</h3>
+    <h4 class="section_title_4">4.2.1 各班临界生对比分析</h4>
+    <div class="echarts_result">
+      <div>按名次统计</div>
+      <div class="echarts_result_content">
+        <div>临界名次：<span class="c_5699FF">90</span>名<span class="margin_left_6mm margin_right_6mm">浮动名次：<span
+              class="c_FF5F56">5</span>名</span>名次区间：<span class="c_5699FF">85 - 95</span>名</div>
+      </div>
+    </div>
+    <div id="classCriticalRankEcharts" style="margin: 0 4mm 4mm; height: 120mm"></div>
+  </div>
+  <div class="page_root section_2_lin_single">
+    <h4 class="section_title_4">4.2.2 各班名次整体分析</h4>
+    <table border="1" class="my_table">
+      <thead>
+        <tr>
+          <th>班级</th>
+          <th>人数</th>
+          <th>占比</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><div class="my_cell">全年级</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+      </tbody>
+    </table>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content">
+        <div><span class="dot bg_FF5F56"></span>临界生最多的班级：八年级六班</div>
+      </div>
+    </div>
+  </div>
+  <div class="page_root section_2_lin_single">
+    <div class="echarts_result">
+      <div>按分数统计</div>
+      <div class="echarts_result_content">
+        <div>临界分：<span class="c_5699FF">90</span>分<span class="margin_left_6mm margin_right_6mm">浮动分：<span
+              class="c_FF5F56">5</span>分</span>分数区间：<span class="c_5699FF">85 - 95</span>分</div>
+      </div>
+    </div>
+    <div id="classCriticalScoreEcharts" style="margin: 0 4mm 4mm; height: 120mm"></div>
+  </div>
+  <div class="page_root section_2_lin_single">
+    <h4 class="section_title_4">4.2.3 各班分数整体分析</h4>
+    <table border="1" class="my_table">
+      <thead>
+        <tr>
+          <th>班级</th>
+          <th>人数</th>
+          <th>占比</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><div class="my_cell">全年级</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+      </tbody>
+    </table>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content">
+        <div><span class="dot bg_FF5F56"></span>临界生最多的班级：八年级六班</div>
+      </div>
+    </div>
+  </div>
+  <script src="../../js/scoreAnalysis/section_2_lin_single.js"></script>
+</body>
+</html>