临界生对比

js/scoreAnalysis/section_2_lin.js

@@ -1,10 +1,16 @@
 $(function () {
   // 按名次统计
-  function initClassCriticalRankEcharts() {
-    var legend_data = [">10名", "≤10名"];
-    var xAxis_data = ["全部班级", "九年级一班", "九年级二班"];
-    var series_data1 = [7, 4, 3];
-    var series_data2 = [-4, -2, -2];
+  function initClassCriticalRankEcharts(r_data_item, s_index) {
+    var linescore = r_data_item.linescore;
+    var legend_data = [">" + linescore + "名", "≤" + linescore + "名"];
+    var xAxis_data = [];
+    var series_data1 = [];
+    var series_data2 = [];
+    $.each(r_data_item.ranks, function(index, r_item) {
+      xAxis_data.push(r_item.classname);
+      series_data1.push(r_item.dynum);
+      series_data2.push(-r_item.xynum);
+    });
     var option = {
       title: {
         text: "人",
@@ -120,16 +126,22 @@ $(function () {
         }
       ]
     };
-    var myEcharts = echarts.init(document.querySelector(".section_2_lin #classCriticalRankEcharts"));
+    var myEcharts = echarts.init(document.querySelector(".section_2_lin_" + s_index + " #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];
+  function initClassCriticalScoreEcharts(s_data_item, s_index) {
+    var linescore = s_data_item.linescore;
+    var legend_data = [">" + linescore + "分", "≤" + linescore + "分"];
+    var xAxis_data = [];
+    var series_data1 = [];
+    var series_data2 = [];
+    $.each(s_data_item.ranks, function(index, r_item) {
+      xAxis_data.push(r_item.classname);
+      series_data1.push(r_item.dynum);
+      series_data2.push(-r_item.xynum);
+    });
     var option = {
       title: {
         text: "人",
@@ -282,13 +294,52 @@ $(function () {
     if (s_index === 0) {
       console.log("s_index", s_index);
       console.log("s_item", s_item);
-
-
-
-
     }
   });
   $(".section_2_lin_root").html(singleRootHtml);
-  initClassCriticalRankEcharts();
-  initClassCriticalScoreEcharts();
+  var s_index = 0;
+  var s_item = subjectInfo[s_index];
+  var r_data_item = subjectid_ranktype[s_item.subjectid][4];
+  console.log("r_data_item", r_data_item);
+  // 按名次统计
+  $(".section_2_lin_0 .subjectname").text(r_data_item.subjectname);
+  $(".section_2_lin_0 .lin_rank_num").text(r_data_item.linescore);
+  $(".section_2_lin_0 .lin_rank_float").text(r_data_item.floatscore);
+  $(".section_2_lin_0 .lin_rank_range").text(r_data_item.maxscore + " - " + r_data_item.minscore);
+  initClassCriticalRankEcharts(r_data_item, s_index);
+  var lin_rank_tbody_html = "";
+  var linRankMaxInfo = {
+    stunum: 0,
+    classname:  ""
+  };
+  $.each(r_data_item.ranks, function(index, r_item) {
+    if (r_item.classid !== 0 && linRankMaxInfo.stunum < r_item.stunum) {
+      linRankMaxInfo.stunum = r_item.stunum;
+      linRankMaxInfo.classname = r_item.classname;
+    }
+    lin_rank_tbody_html += '<tr><td><div class="my_cell">' + r_item.classname + '</div></td><td><div class="my_cell">' + r_item.stunum + '</div></td><td><div class="my_cell">' + r_item.sturate + '%</div></td></tr>'
+  });
+  $(".section_2_lin_0 .lin_rank_tbody").html(lin_rank_tbody_html);
+  $(".section_2_lin_0 .lin_rank_max").html(linRankMaxInfo.classname);
+  // 按分数统计
+  var s_data_item = subjectid_ranktype[s_item.subjectid][3];
+  console.log("s_data_item", s_data_item);
+  $(".section_2_lin_0 .lin_score_num").text(s_data_item.linescore);
+  $(".section_2_lin_0 .lin_score_float").text(s_data_item.floatscore);
+  $(".section_2_lin_0 .lin_score_range").text(s_data_item.minscore + " - " + s_data_item.maxscore);
+  initClassCriticalScoreEcharts(s_data_item, s_index);
+  var lin_score_tbody_html = "";
+  var linScoreMaxInfo = {
+    stunum: 0,
+    classname:  ""
+  };
+  $.each(s_data_item.ranks, function(index, r_item) {
+    if (r_item.classid !== 0 && linScoreMaxInfo.stunum < r_item.stunum) {
+      linScoreMaxInfo.stunum = r_item.stunum;
+      linScoreMaxInfo.classname = r_item.classname;
+    }
+    lin_score_tbody_html += '<tr><td><div class="my_cell">' + r_item.classname + '</div></td><td><div class="my_cell">' + r_item.stunum + '</div></td><td><div class="my_cell">' + r_item.sturate + '%</div></td></tr>'
+  });
+  $(".section_2_lin_0 .lin_score_tbody").html(lin_score_tbody_html);
+  $(".section_2_lin_0 .lin_score_max").html(linScoreMaxInfo.classname);
 });

sections/scoreAnalysis/section_2_lin.html

@@ -9,20 +9,20 @@
 </head>
 <body>
   <!-- <div class="section_2_lin_root"></div> -->
-  <div class="page_root section_2_lin">
+  <div class="page_root section_2_lin section_2_lin_0">
     <h2 class="section_title_2">4.临界生对比</h2>
-    <h3 class="section_title_3">4.1 全科临界生对比</h3>
+    <h3 class="section_title_3">4.1 <span class="subjectname"></span>临界生对比</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>临界名次：<span class="lin_rank_num c_5699FF"></span>名<span class="margin_left_6mm margin_right_6mm">浮动名次：<span
+              class="lin_rank_float c_FF5F56"></span>名</span>名次区间：<span class="lin_rank_range c_5699FF"></span>名</div>
       </div>
     </div>
     <div id="classCriticalRankEcharts" style="margin: 0 4mm 4mm; height: 120mm"></div>
   </div>
-  <div class="page_root section_2_lin">
+  <div class="page_root section_2_lin section_2_lin_0">
     <h4 class="section_title_4">4.1.2 各班名次整体分析</h4>
     <table border="1" class="my_table">
       <thead>
@@ -32,47 +32,32 @@
           <th>占比</th>
         </tr>
       </thead>
-      <tbody>
-        <tr>
+      <tbody class="lin_rank_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>
+        </tr> -->
       </tbody>
     </table>
     <div class="echarts_result">
       <div>上图统计结果表示：</div>
       <div class="echarts_result_content">
-        <div><span class="dot bg_FF5F56"></span>临界生最多的班级：八年级六班</div>
+        <div><span class="dot bg_FF5F56"></span>临界生最多的班级：<span class="lin_rank_max"></span></div>
       </div>
     </div>
   </div>
-  <div class="page_root section_2_lin">
+  <div class="page_root section_2_lin section_2_lin_0">
     <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>临界分：<span class="lin_score_num c_5699FF"></span>分<span class="margin_left_6mm margin_right_6mm">浮动分：<span
+              class="lin_score_float c_FF5F56"></span>分</span>分数区间：<span class="lin_score_range c_5699FF"></span>分</div>
       </div>
     </div>
     <div id="classCriticalScoreEcharts" style="margin: 0 4mm 4mm; height: 120mm"></div>
   </div>
-  <div class="page_root section_2_lin">
+  <div class="page_root section_2_lin section_2_lin_0">
     <h4 class="section_title_4">4.1.3 各班分数整体分析</h4>
     <table border="1" class="my_table">
       <thead>
@@ -82,33 +67,18 @@
           <th>占比</th>
         </tr>
       </thead>
-      <tbody>
-        <tr>
+      <tbody class="lin_score_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>
+        </tr> -->
       </tbody>
     </table>
     <div class="echarts_result">
       <div>上图统计结果表示：</div>
       <div class="echarts_result_content">
-        <div><span class="dot bg_FF5F56"></span>临界生最多的班级：八年级六班</div>
+        <div><span class="dot bg_FF5F56"></span>临界生最多的班级：<span class="lin_score_max"></span></div>
       </div>
     </div>
   </div>