班级成绩对比-全科对比

css/scoreAnalysis/section_2_class_all.css

@@ -4,7 +4,7 @@
   line-height: 7mm;
   background-color: #fff;
 }
-.section_2_class_all .echarts_result_content span {
+.section_2_class_all .echarts_result_content .dot {
   display: inline-block;
   margin-right: 2mm;
   width: 2mm;

js/scoreAnalysis/section_2_class_all.js

@@ -1,17 +1,11 @@
 $(function () {
   // 各班满分、最高分、最低分、平均分对比分析
-  function initClassScoreEcharts() {
-    var xAxis_data = [
-      "全年级",
-      "八年级一班",
-      "八年级二班",
-      "八年级三班",
-      "八年级四班"
-    ];
-    var series_full_data = [100, 100, 100, 100, 100];
-    var series_max_data = [95, 80, 85, 97, 85];
-    var series_min_data = [55, 60, 40, 30, 40];
-    var series_avg_data = [70, 65, 60, 80, 60];
+  function initClassScoreEcharts(classnameArr, classScoreInfo) {
+    var xAxis_data = classnameArr;
+    var series_full_data = classScoreInfo.full;
+    var series_max_data = classScoreInfo.max;
+    var series_min_data = classScoreInfo.min;
+    var series_avg_data = classScoreInfo.avg;
     var option = {
       animation: false,
       title: {
@@ -167,18 +161,12 @@ $(function () {
     myEcharts.setOption(option);
   }
   // 各班优秀率、良好率、及格率、低分率对比分析
-  function initClassRateEcharts() {
-    var xAxis_data = [
-      "全年级",
-      "八年级一班",
-      "八年级二班",
-      "八年级三班",
-      "八年级四班"
-    ];
-    var series_xy_data = [80.45, 77.06, 89, 78.6, 80.6];
-    var series_lh_data = [45.45, 47.06, 50, 48.6, 60.6];
-    var series_jg_data = [80.45, 77.06, 89, 78.6, 80.6];
-    var series_df_data = [80.45, 77.06, 89, 78.6, 80.6];
+  function initClassRateEcharts(classnameArr, classRateInfo) {
+    var xAxis_data = classnameArr;
+    var series_yx_data = classRateInfo.yx;
+    var series_lh_data = classRateInfo.lh;
+    var series_jg_data = classRateInfo.jg;
+    var series_df_data = classRateInfo.df;
     var option = {
       animation: false,
       title: {
@@ -268,7 +256,7 @@ $(function () {
               formatter: "{c}",
             },
           },
-          data: series_xy_data,
+          data: series_yx_data,
         },
         {
           name: "良好率",
@@ -334,16 +322,10 @@ $(function () {
     myEcharts.setOption(option);
   }
   // 各班实考人数、缺考人数对比
-  function initClassExamEcharts() {
-    var xAxis_data = [
-      "全年级",
-      "八年级一班",
-      "八年级二班",
-      "八年级三班",
-      "八年级四班"
-    ];
-    var series_sk_data = [100, 100, 100, 100, 100];
-    var series_qk_data = [95, 80, 85, 97, 85];
+  function initClassExamEcharts(classnameArr, classExamInfo) {
+    var xAxis_data = classnameArr;
+    var series_sk_data = classExamInfo.sk;
+    var series_qk_data = classExamInfo.qk;
     var option = {
       animation: false,
       title: {
@@ -461,15 +443,9 @@ $(function () {
     myEcharts.setOption(option);
   }
   // 各班标准差对比分析
-  function initClassStdEcharts() {
-    var xAxis_data = [
-      "全年级",
-      "八年级一班",
-      "八年级二班",
-      "八年级三班",
-      "八年级四班"
-    ];
-    var series_data = [12, 10, 3, 14, 7];
+  function initClassStdEcharts(classnameArr, classStd) {
+    var xAxis_data = classnameArr;
+    var series_data = classStd;
     var option = {
       animation: false,
       color: ["#5C99FF"],
@@ -559,15 +535,138 @@ $(function () {
   }
   var parameter = $(".section_2_html_root .section_2_class_all_html_root").data("page-params");
   parameter = JSON.parse(parameter);
-  var cjfx = parameter.cjfx;
-  // var djfx = parameter.djfx;
-  
-
-
-  console.log(".section_2_class_all_html_root:parameter", parameter);
-
-  initClassScoreEcharts();
-  initClassRateEcharts();
-  initClassExamEcharts();
-  initClassStdEcharts();
+  var subjectname = parameter.subjectname;
+  var class_all_arr = parameter.arr;
+  $(".section_2_class_all .subjectname").text(subjectname);
+  var classnameArr = [];
+  // 各班满分、最高分、最低分、平均分对比分析
+  var classScoreInfo = {
+    full: [],
+    max: [],
+    min: [],
+    avg: [],
+    gt_avg_classes: [],
+    lt_avg_classes: []
+  };
+  // 各班优秀率、良好率、及格率、低分率对比分析
+  var classRateInfo = {
+    yx: [],
+    lh: [],
+    jg: [],
+    df: [],
+    yx_max: {
+      rate: 0,
+      classname: ""
+    },
+    lh_max: {
+      rate: 0,
+      classname: ""
+    },
+    jg_max: {
+      rate: 0,
+      classname: ""
+    },
+    df_max: {
+      rate: 0,
+      classname: ""
+    }
+  };
+  // 各班实考人数、缺考人数对比
+  var classExamInfo = {
+    sk: [],
+    qk: [],
+    sk_max: {
+      num: 0,
+      classname: ""
+    },
+    qk_max: {
+      num: 0,
+      classname: ""
+    }
+  }
+  // 各班标准差对比分析
+  var classStd = [];
+  // 班级整体分析
+  var classTbodyHtml = "";
+  for (var i = 0; i < class_all_arr.length; i++) {
+    var c_item = class_all_arr[i];
+    classnameArr.push(c_item.classname);
+    // 各班满分、最高分、最低分、平均分对比分析
+    classScoreInfo.full.push(c_item.allscore);
+    classScoreInfo.max.push(c_item.classmaxscore);
+    classScoreInfo.min.push(c_item.classminscore);
+    classScoreInfo.avg.push(c_item.classavgscore);
+    if (c_item.schoolavgscore < c_item.classavgscore) {
+      classScoreInfo.gt_avg_classes.push(c_item.classname);
+    }
+    if (c_item.schoolavgscore > c_item.classavgscore) {
+      classScoreInfo.lt_avg_classes.push(c_item.classname);
+    }
+    // 各班优秀率、良好率、及格率、低分率对比分析
+    classRateInfo.yx.push(c_item.yxrate);
+    classRateInfo.lh.push(c_item.lhrate);
+    classRateInfo.jg.push(c_item.jgrate);
+    classRateInfo.df.push(c_item.dfrate);
+    if (classRateInfo.yx_max.rate < c_item.yxrate) {
+      classRateInfo.yx_max = {
+        rate: c_item.yxrate,
+        classname: c_item.classname
+      };
+    }
+    if (classRateInfo.lh_max.rate < c_item.lhrate) {
+      classRateInfo.lh_max = {
+        rate: c_item.lhrate,
+        classname: c_item.classname
+      };
+    }
+    if (classRateInfo.jg_max.rate < c_item.jgrate) {
+      classRateInfo.jg_max = {
+        rate: c_item.jgrate,
+        classname: c_item.classname
+      };
+    }
+    if (classRateInfo.df_max.rate < c_item.dfrate) {
+      classRateInfo.df_max = {
+        rate: c_item.dfrate,
+        classname: c_item.classname
+      };
+    }
+    // 各班实考人数、缺考人数对比
+    classExamInfo.sk.push(c_item.stunum);
+    classExamInfo.qk.push(c_item.missnum);
+    if (classExamInfo.sk_max.num < c_item.stunum) {
+      classExamInfo.sk_max = {
+        num: c_item.stunum,
+        classname: c_item.classname
+      };
+    }
+    if (classExamInfo.qk_max.num < c_item.missnum) {
+      classExamInfo.qk_max = {
+        num: c_item.missnum,
+        classname: c_item.classname
+      };
+    }
+    // 各班标准差对比分析
+    classStd.push(c_item.bzc);
+    // 班级整体分析
+    classTbodyHtml += '<tr><td><div class="my_cell">' + c_item.classname + '</div></td><td><div class="my_cell">' + c_item.stunum + '</div></td><td><div class="my_cell">' + c_item.missnum + '</div></td><td><div class="my_cell">' + c_item.allscore + '</div></td><td><div class="my_cell">' + c_item.classmaxscore + '</div></td><td><div class="my_cell">' + c_item.classminscore + '</div></td><td><div class="my_cell">' + c_item.classavgscore + '</div></td><td><div class="my_cell">' + c_item.yxrate + '%</div></td><td><div class="my_cell">' + c_item.lhrate + '%</div></td><td><div class="my_cell">' + c_item.jgrate + '%</div></td><td><div class="my_cell">' + c_item.dfrate + '%</div></td><td><div class="my_cell">' + c_item.bzc + '</div></td></tr>';
+  }
+  // 各班满分、最高分、最低分、平均分对比分析
+  initClassScoreEcharts(classnameArr, classScoreInfo);
+  $(".section_2_class_all .gt_avg_classes").text(classScoreInfo.gt_avg_classes.join("、"));
+  $(".section_2_class_all .lt_avg_classes").text(classScoreInfo.lt_avg_classes.join("、"));
+  // 各班优秀率、良好率、及格率、低分率对比分析
+  initClassRateEcharts(classnameArr, classRateInfo);
+  $(".section_2_class_all .yx_max_class").text(classRateInfo.yx_max.classname);
+  $(".section_2_class_all .lh_max_class").text(classRateInfo.lh_max.classname);
+  $(".section_2_class_all .jg_max_class").text(classRateInfo.jg_max.classname);
+  $(".section_2_class_all .df_max_class").text(classRateInfo.df_max.classname);
+  // 各班实考人数、缺考人数对比
+  initClassExamEcharts(classnameArr, classExamInfo);
+  $(".section_2_class_all .sk_max_class").text(classExamInfo.sk_max.classname);
+  $(".section_2_class_all .qk_max_class").text(classExamInfo.qk_max.classname);
+  // 各班标准差对比分析
+  initClassStdEcharts(classnameArr, classStd);
+  // 班级整体分析
+  $(".section_2_class_all .classTbody").html(classTbodyHtml);
 });

js/section_2.js

@@ -13,11 +13,58 @@ $(function() {
   $(".section_2.score_analysis_root").html(sectionsHtmlArr.map(function (htmlName) {
     return "<div class='" + htmlName + "_html_root'></div>";
   }).join(""));
+  var cjfx = parameter.cjfx;
+  var djfx = parameter.djfx;
+  var class_all_arr = [];
+  var class_single_arr = [];
+  for (var s_key in cjfx) {
+    var s_item = cjfx[s_key];
+    if (s_key === "总分") {
+      class_all_arr = s_item;
+    } else {
+      class_single_arr.push({
+        subjectname: s_key,
+        arr: s_item
+      });
+    }
+  }
   sectionsHtmlArr.forEach(function(htmlName) {
-    $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
-      cjfx: parameter.cjfx,
-      djfx: parameter.djfx
-    }));
+    if (htmlName === "section_2_class_all") {
+      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
+        subjectname: "全科",
+        arr: class_all_arr
+      }));
+    } else if (htmlName === "section_2_class_single") {
+      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
+        cjfx: parameter.cjfx,
+        djfx: parameter.djfx
+      }));
+    } else if (htmlName === "section_2_level") {
+      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
+        cjfx: parameter.cjfx,
+        djfx: parameter.djfx
+      }));
+    } else if (htmlName === "section_2_part") {
+      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
+        cjfx: parameter.cjfx,
+        djfx: parameter.djfx
+      }));
+    } else if (htmlName === "section_2_lin_all") {
+      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
+        cjfx: parameter.cjfx,
+        djfx: parameter.djfx
+      }));
+    } else if (htmlName === "section_2_lin_single") {
+      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
+        cjfx: parameter.cjfx,
+        djfx: parameter.djfx
+      }));
+    } else if (htmlName === "section_2_excellent_all") {
+      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
+        cjfx: parameter.cjfx,
+        djfx: parameter.djfx
+      }));
+    }
     $(".section_2.score_analysis_root ." + htmlName + "_html_root").load("./sections/scoreAnalysis/" + htmlName + ".html");
   });
 });

sections/scoreAnalysis/section_2_class_all.html

@@ -19,14 +19,14 @@
       </div>
     </div>
     <h2 class="section_title_2">1.班级成绩对比</h2>
-    <h3 class="section_title_3">1.1 全科对比</h3>
+    <h3 class="section_title_3">1.1 <span class="subjectname"></span>对比</h3>
     <h4 class="section_title_4">1.1.1 各班满分、最高分、最低分、平均分对比分析</h4>
     <div id="classScoreEcharts" style="margin: 0 4mm 4mm;height: 68mm;"></div>
     <div class="echarts_result">
       <div>上图统计结果表示：</div>
       <div class="echarts_result_content">
-        <div><span class="bg_5699FF"></span>高于年级平均分的班级：八年级一班</div>
-        <div><span class="bg_FF5F56"></span>低于年级平均分的班级：八年级二班、八年级三班、八年级四班</div>
+        <div><span class="dot bg_5699FF"></span>高于年级平均分的班级：<span class="gt_avg_classes"></span></div>
+        <div><span class="dot bg_FF5F56"></span>低于年级平均分的班级：<span class="lt_avg_classes"></span></div>
       </div>
     </div>
   </div>
@@ -36,10 +36,10 @@
     <div class="echarts_result">
       <div>上图统计结果表示：</div>
       <div class="echarts_result_content">
-        <div><span class="bg_5699FF"></span>优秀率最高的班级：八年级二班</div>
-        <div><span class="bg_FF5F56"></span>良好率最高的班级：八年级三班</div>
-        <div><span class="bg_5EC5C8"></span>及格率最高的班级：八年级四班</div>
-        <div><span class="bg_F1982B"></span>低分率最高的班级：八年级一班</div>
+        <div><span class="dot bg_5699FF"></span>优秀率最高的班级：<span class="yx_max_class"></span></div>
+        <div><span class="dot bg_FF5F56"></span>良好率最高的班级：<span class="lh_max_class"></span></div>
+        <div><span class="dot bg_5EC5C8"></span>及格率最高的班级：<span class="jg_max_class"></span></div>
+        <div><span class="dot bg_F1982B"></span>低分率最高的班级：<span class="df_max_class"></span></div>
       </div>
     </div>
     <h4 class="section_title_4">1.1.3 各班实考人数、缺考人数对比</h4>
@@ -47,15 +47,15 @@
     <div class="echarts_result">
       <div>上图统计结果表示：</div>
       <div class="echarts_result_content">
-        <div><span class="bg_5699FF"></span>实考人数最多的班级：八年级一班、八年级二班、八年级三班</div>
-        <div><span class="bg_FF5F56"></span>缺考人数最多的班级：八年级四班</div>
+        <div><span class="dot bg_5699FF"></span>实考人数最多的班级：<span class="sk_max_class"></span></div>
+        <div><span class="dot bg_FF5F56"></span>缺考人数最多的班级：<span class="qk_max_class"></span></div>
       </div>
     </div>
   </div>
   <div class="page_root section_2_class_all">
     <h4 class="section_title_4">1.1.4 各班标准差对比分析</h4>
     <div id="classStdEcharts" style="margin: 0 4mm 4mm;height: 63mm;"></div>
-    <h4 class="section_title_4">1.1.5 班级全科整体分析</h4>
+    <h4 class="section_title_4">1.1.5 班级<span class="subjectname"></span>整体分析</h4>
     <table border="1" class="my_table">
       <thead>
         <tr>
@@ -73,64 +73,7 @@
           <th class="w12mm">标准差</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>
-          <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>
-          <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>
-          <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>
-          <td><div class="my_cell">4%</div></td>
-        </tr>
-      </tbody>
+      <tbody class="classTbody"></tbody>
     </table>
   </div>
   <script src="../../js/scoreAnalysis/section_2_class_all.js"></script>