Parcourir la source

临界生对比

wzl_h
wangzhonglu il y a 2 ans
Parent
révision
4d3266eb75

+ 0
- 13
css/scoreAnalysis/section_2_lin_single.css Voir le fichier

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

+ 130
- 44
js/scoreAnalysis/section_2_class_single.js Voir le fichier

@@ -38,7 +38,7 @@ $(function () {
38 38
           data: xAxis_data,
39 39
           axisLabel: {
40 40
             color: "#5F6E82", //更改坐标轴文字颜色
41
-            interval: 0
41
+            interval: 0,
42 42
           },
43 43
           axisTick: {
44 44
             alignWithLabel: true,
@@ -153,10 +153,14 @@ $(function () {
153 153
             },
154 154
           },
155 155
           data: series_avg_data,
156
-        }
156
+        },
157 157
       ],
158 158
     };
159
-    var myEcharts = echarts.init(document.querySelector(".section_2_class_single_" + s_index + " #classScoreEcharts"));
159
+    var myEcharts = echarts.init(
160
+      document.querySelector(
161
+        ".section_2_class_single_" + s_index + " #classScoreEcharts"
162
+      )
163
+    );
160 164
     myEcharts.clear();
161 165
     myEcharts.setOption(option);
162 166
   }
@@ -199,7 +203,7 @@ $(function () {
199 203
           data: xAxis_data,
200 204
           axisLabel: {
201 205
             color: "#5F6E82", //更改坐标轴文字颜色
202
-            interval: 0
206
+            interval: 0,
203 207
           },
204 208
           axisTick: {
205 209
             alignWithLabel: true,
@@ -314,10 +318,14 @@ $(function () {
314 318
             },
315 319
           },
316 320
           data: series_df_data,
317
-        }
321
+        },
318 322
       ],
319 323
     };
320
-    var myEcharts = echarts.init(document.querySelector(".section_2_class_single_" + s_index + " #classRateEcharts"));
324
+    var myEcharts = echarts.init(
325
+      document.querySelector(
326
+        ".section_2_class_single_" + s_index + " #classRateEcharts"
327
+      )
328
+    );
321 329
     myEcharts.clear();
322 330
     myEcharts.setOption(option);
323 331
   }
@@ -358,7 +366,7 @@ $(function () {
358 366
           data: xAxis_data,
359 367
           axisLabel: {
360 368
             color: "#5F6E82", //更改坐标轴文字颜色
361
-            interval: 0
369
+            interval: 0,
362 370
           },
363 371
           axisTick: {
364 372
             alignWithLabel: true,
@@ -435,10 +443,14 @@ $(function () {
435 443
             },
436 444
           },
437 445
           data: series_qk_data,
438
-        }
446
+        },
439 447
       ],
440 448
     };
441
-    var myEcharts = echarts.init(document.querySelector(".section_2_class_single_" + s_index + " #classExamEcharts"));
449
+    var myEcharts = echarts.init(
450
+      document.querySelector(
451
+        ".section_2_class_single_" + s_index + " #classExamEcharts"
452
+      )
453
+    );
442 454
     myEcharts.clear();
443 455
     myEcharts.setOption(option);
444 456
   }
@@ -468,7 +480,7 @@ $(function () {
468 480
           data: xAxis_data,
469 481
           axisLabel: {
470 482
             color: "#5F6E82", //更改坐标轴文字颜色
471
-            interval: 0
483
+            interval: 0,
472 484
           },
473 485
           axisTick: {
474 486
             alignWithLabel: true,
@@ -526,26 +538,57 @@ $(function () {
526 538
             },
527 539
           },
528 540
           data: series_data,
529
-        }
530
-      ]
541
+        },
542
+      ],
531 543
     };
532
-    var myEcharts = echarts.init(document.querySelector(".section_2_class_single_" + s_index + " #classStdEcharts"));
544
+    var myEcharts = echarts.init(
545
+      document.querySelector(
546
+        ".section_2_class_single_" + s_index + " #classStdEcharts"
547
+      )
548
+    );
533 549
     myEcharts.clear();
534 550
     myEcharts.setOption(option);
535 551
   }
536
-  var parameter = $(".section_2_html_root .section_2_class_single_html_root").data("page-params");
552
+  var parameter = $(
553
+    ".section_2_html_root .section_2_class_single_html_root"
554
+  ).data("page-params");
537 555
   parameter = JSON.parse(parameter);
538 556
   var singleRootHtml = "";
539 557
   for (var s_data_i = 0; s_data_i < parameter.length; s_data_i++) {
540
-    singleRootHtml += '<div class="page_root section_2_class_single section_2_class_single_' + parameter[s_data_i].s_index + '"><h3 class="section_title_3">1.' + parameter[s_data_i].s_index + ' <span class="subjectname"></span>对比</h3><h4 class="section_title_4">1.' + parameter[s_data_i].s_index + '.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="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><h4 class="section_title_4">1.' + parameter[s_data_i].s_index + '.2 各班优秀率、良好率、及格率、低分率对比分析</h4><div id="classRateEcharts" style="margin: 0 4mm 4mm;height: 78mm;"></div><div class="echarts_result"><div>上图统计结果表示:</div><div class="echarts_result_content"><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></div><div class="page_root section_2_class_single section_2_class_single_' + parameter[s_data_i].s_index + '"><h4 class="section_title_4">1.' + parameter[s_data_i].s_index + '.3 各班实考人数、缺考人数对比</h4><div id="classExamEcharts" style="margin: 0 4mm 4mm;height: 78mm;"></div><div class="echarts_result"><div>上图统计结果表示:</div><div class="echarts_result_content"><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><h4 class="section_title_4">1.' + parameter[s_data_i].s_index + '.4 各班标准差对比分析</h4><div id="classStdEcharts" style="margin: 0 4mm 4mm;height: 63mm;"></div></div><div class="page_root section_2_class_single section_2_class_single_' + parameter[s_data_i].s_index + '"><h4 class="section_title_4">1.' + parameter[s_data_i].s_index + '.5 班级<span class="subjectname"></span>整体分析</h4><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="classTbody"></tbody></table></div>'
558
+    singleRootHtml +=
559
+      '<div class="page_root section_2_class_single section_2_class_single_' +
560
+      parameter[s_data_i].s_index +
561
+      '"><h3 class="section_title_3">1.' +
562
+      parameter[s_data_i].s_index +
563
+      ' <span class="subjectname"></span>对比</h3><h4 class="section_title_4">1.' +
564
+      parameter[s_data_i].s_index +
565
+      '.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="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><h4 class="section_title_4">1.' +
566
+      parameter[s_data_i].s_index +
567
+      '.2 各班优秀率、良好率、及格率、低分率对比分析</h4><div id="classRateEcharts" style="margin: 0 4mm 4mm;height: 78mm;"></div><div class="echarts_result"><div>上图统计结果表示:</div><div class="echarts_result_content"><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></div><div class="page_root section_2_class_single section_2_class_single_' +
568
+      parameter[s_data_i].s_index +
569
+      '"><h4 class="section_title_4">1.' +
570
+      parameter[s_data_i].s_index +
571
+      '.3 各班实考人数、缺考人数对比</h4><div id="classExamEcharts" style="margin: 0 4mm 4mm;height: 78mm;"></div><div class="echarts_result"><div>上图统计结果表示:</div><div class="echarts_result_content"><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><h4 class="section_title_4">1.' +
572
+      parameter[s_data_i].s_index +
573
+      '.4 各班标准差对比分析</h4><div id="classStdEcharts" style="margin: 0 4mm 4mm;height: 63mm;"></div></div><div class="page_root section_2_class_single section_2_class_single_' +
574
+      parameter[s_data_i].s_index +
575
+      '"><h4 class="section_title_4">1.' +
576
+      parameter[s_data_i].s_index +
577
+      '.5 班级<span class="subjectname"></span>整体分析</h4><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="classTbody"></tbody></table></div>';
541 578
   }
542 579
   $(".section_2_class_single_root").html(singleRootHtml);
543
-  for (var subject_index = 0; subject_index < parameter.length; subject_index++) {
580
+  for (
581
+    var subject_index = 0;
582
+    subject_index < parameter.length;
583
+    subject_index++
584
+  ) {
544 585
     (function (subjectItem) {
545 586
       var s_index = subjectItem.s_index;
546 587
       var subjectname = subjectItem.subjectname;
547 588
       var class_arr = subjectItem.arr;
548
-      $(".section_2_class_single_" + s_index + " .subjectname").text(subjectname);
589
+      $(".section_2_class_single_" + s_index + " .subjectname").text(
590
+        subjectname
591
+      );
549 592
       var classnameArr = [];
550 593
       // 各班满分、最高分、最低分、平均分对比分析
551 594
       var classScoreInfo = {
@@ -554,7 +597,7 @@ $(function () {
554 597
         min: [],
555 598
         avg: [],
556 599
         gt_avg_classes: [],
557
-        lt_avg_classes: []
600
+        lt_avg_classes: [],
558 601
       };
559 602
       // 各班优秀率、良好率、及格率、低分率对比分析
560 603
       var classRateInfo = {
@@ -564,20 +607,20 @@ $(function () {
564 607
         df: [],
565 608
         yx_max: {
566 609
           rate: 0,
567
-          classname: ""
610
+          classname: "",
568 611
         },
569 612
         lh_max: {
570 613
           rate: 0,
571
-          classname: ""
614
+          classname: "",
572 615
         },
573 616
         jg_max: {
574 617
           rate: 0,
575
-          classname: ""
618
+          classname: "",
576 619
         },
577 620
         df_max: {
578 621
           rate: 0,
579
-          classname: ""
580
-        }
622
+          classname: "",
623
+        },
581 624
       };
582 625
       // 各班实考人数、缺考人数对比
583 626
       var classExamInfo = {
@@ -585,13 +628,13 @@ $(function () {
585 628
         qk: [],
586 629
         sk_max: {
587 630
           num: 0,
588
-          classname: ""
631
+          classname: "",
589 632
         },
590 633
         qk_max: {
591 634
           num: 0,
592
-          classname: ""
593
-        }
594
-      }
635
+          classname: "",
636
+        },
637
+      };
595 638
       // 各班标准差对比分析
596 639
       var classStd = [];
597 640
       // 班级整体分析
@@ -618,25 +661,25 @@ $(function () {
618 661
         if (classRateInfo.yx_max.rate < c_item.yxrate) {
619 662
           classRateInfo.yx_max = {
620 663
             rate: c_item.yxrate,
621
-            classname: c_item.classname
664
+            classname: c_item.classname,
622 665
           };
623 666
         }
624 667
         if (classRateInfo.lh_max.rate < c_item.lhrate) {
625 668
           classRateInfo.lh_max = {
626 669
             rate: c_item.lhrate,
627
-            classname: c_item.classname
670
+            classname: c_item.classname,
628 671
           };
629 672
         }
630 673
         if (classRateInfo.jg_max.rate < c_item.jgrate) {
631 674
           classRateInfo.jg_max = {
632 675
             rate: c_item.jgrate,
633
-            classname: c_item.classname
676
+            classname: c_item.classname,
634 677
           };
635 678
         }
636 679
         if (classRateInfo.df_max.rate < c_item.dfrate) {
637 680
           classRateInfo.df_max = {
638 681
             rate: c_item.dfrate,
639
-            classname: c_item.classname
682
+            classname: c_item.classname,
640 683
           };
641 684
         }
642 685
         // 各班实考人数、缺考人数对比
@@ -645,38 +688,81 @@ $(function () {
645 688
         if (classExamInfo.sk_max.num < c_item.stunum) {
646 689
           classExamInfo.sk_max = {
647 690
             num: c_item.stunum,
648
-            classname: c_item.classname
691
+            classname: c_item.classname,
649 692
           };
650 693
         }
651 694
         if (classExamInfo.qk_max.num < c_item.missnum) {
652 695
           classExamInfo.qk_max = {
653 696
             num: c_item.missnum,
654
-            classname: c_item.classname
697
+            classname: c_item.classname,
655 698
           };
656 699
         }
657 700
         // 各班标准差对比分析
658 701
         classStd.push(c_item.bzc);
659 702
         // 班级整体分析
660
-        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>';
703
+        classTbodyHtml +=
704
+          '<tr><td><div class="my_cell">' +
705
+          c_item.classname +
706
+          '</div></td><td><div class="my_cell">' +
707
+          c_item.stunum +
708
+          '</div></td><td><div class="my_cell">' +
709
+          c_item.missnum +
710
+          '</div></td><td><div class="my_cell">' +
711
+          c_item.allscore +
712
+          '</div></td><td><div class="my_cell">' +
713
+          c_item.classmaxscore +
714
+          '</div></td><td><div class="my_cell">' +
715
+          c_item.classminscore +
716
+          '</div></td><td><div class="my_cell">' +
717
+          c_item.classavgscore +
718
+          '</div></td><td><div class="my_cell">' +
719
+          c_item.yxrate +
720
+          '%</div></td><td><div class="my_cell">' +
721
+          c_item.lhrate +
722
+          '%</div></td><td><div class="my_cell">' +
723
+          c_item.jgrate +
724
+          '%</div></td><td><div class="my_cell">' +
725
+          c_item.dfrate +
726
+          '%</div></td><td><div class="my_cell">' +
727
+          c_item.bzc +
728
+          "</div></td></tr>";
661 729
       }
662 730
       // 各班满分、最高分、最低分、平均分对比分析
663 731
       initClassScoreEcharts(classnameArr, classScoreInfo, s_index);
664
-      $(".section_2_class_single_" + s_index + " .gt_avg_classes").text(classScoreInfo.gt_avg_classes.join("、"));
665
-      $(".section_2_class_single_" + s_index + " .lt_avg_classes").text(classScoreInfo.lt_avg_classes.join("、"));
732
+      $(".section_2_class_single_" + s_index + " .gt_avg_classes").text(
733
+        classScoreInfo.gt_avg_classes.join("、")
734
+      );
735
+      $(".section_2_class_single_" + s_index + " .lt_avg_classes").text(
736
+        classScoreInfo.lt_avg_classes.join("、")
737
+      );
666 738
       // 各班优秀率、良好率、及格率、低分率对比分析
667 739
       initClassRateEcharts(classnameArr, classRateInfo, s_index);
668
-      $(".section_2_class_single_" + s_index + " .yx_max_class").text(classRateInfo.yx_max.classname);
669
-      $(".section_2_class_single_" + s_index + " .lh_max_class").text(classRateInfo.lh_max.classname);
670
-      $(".section_2_class_single_" + s_index + " .jg_max_class").text(classRateInfo.jg_max.classname);
671
-      $(".section_2_class_single_" + s_index + " .df_max_class").text(classRateInfo.df_max.classname);
740
+      $(".section_2_class_single_" + s_index + " .yx_max_class").text(
741
+        classRateInfo.yx_max.classname
742
+      );
743
+      $(".section_2_class_single_" + s_index + " .lh_max_class").text(
744
+        classRateInfo.lh_max.classname
745
+      );
746
+      $(".section_2_class_single_" + s_index + " .jg_max_class").text(
747
+        classRateInfo.jg_max.classname
748
+      );
749
+      $(".section_2_class_single_" + s_index + " .df_max_class").text(
750
+        classRateInfo.df_max.classname
751
+      );
672 752
       // 各班实考人数、缺考人数对比
673 753
       initClassExamEcharts(classnameArr, classExamInfo, s_index);
674
-      $(".section_2_class_single_" + s_index + " .sk_max_class").text(classExamInfo.sk_max.classname);
675
-      $(".section_2_class_single_" + s_index + " .qk_max_class").text(classExamInfo.qk_max.classname);
754
+      $(".section_2_class_single_" + s_index + " .sk_max_class").text(
755
+        classExamInfo.sk_max.classname
756
+      );
757
+      $(".section_2_class_single_" + s_index + " .qk_max_class").text(
758
+        classExamInfo.qk_max.classname
759
+      );
676 760
       // 各班标准差对比分析
677 761
       initClassStdEcharts(classnameArr, classStd, s_index);
678 762
       // 班级整体分析
679
-      $(".section_2_class_single_" + s_index + " .classTbody").html(classTbodyHtml);
763
+      $(".section_2_class_single_" + s_index + " .classTbody").html(
764
+        classTbodyHtml
765
+      );
680 766
     })(parameter[subject_index]);
681 767
   }
682
-});
768
+});

+ 171
- 111
js/scoreAnalysis/section_2_lin.js Voir le fichier

@@ -6,7 +6,7 @@ $(function () {
6 6
     var xAxis_data = [];
7 7
     var series_data1 = [];
8 8
     var series_data2 = [];
9
-    $.each(r_data_item.ranks, function(index, r_item) {
9
+    $.each(r_data_item.ranks, function (index, r_item) {
10 10
       xAxis_data.push(r_item.classname);
11 11
       series_data1.push(r_item.dynum);
12 12
       series_data2.push(-r_item.xynum);
@@ -19,22 +19,22 @@ $(function () {
19 19
         textStyle: {
20 20
           color: "#5F6E82",
21 21
           fontSize: 12,
22
-          fontWeight: 500
23
-        }
22
+          fontWeight: 500,
23
+        },
24 24
       },
25 25
       color: ["#5C99FF", "#F39A2C"],
26 26
       legend: {
27 27
         itemWidth: 6,
28 28
         itemHeight: 6,
29 29
         bottom: 30,
30
-        data: legend_data
30
+        data: legend_data,
31 31
       },
32 32
       grid: {
33 33
         top: 30,
34 34
         left: 5,
35 35
         right: 0,
36 36
         bottom: 65,
37
-        containLabel: true
37
+        containLabel: true,
38 38
       },
39 39
       xAxis: [
40 40
         {
@@ -43,44 +43,44 @@ $(function () {
43 43
           position: "bottom",
44 44
           data: xAxis_data,
45 45
           axisLabel: {
46
-            color: "#5F6E82" //更改坐标轴文字颜色
46
+            color: "#5F6E82", //更改坐标轴文字颜色
47 47
           },
48 48
           axisTick: {
49
-            alignWithLabel: true
49
+            alignWithLabel: true,
50 50
           },
51 51
           boundaryGap: true,
52 52
           triggerEvent: true,
53 53
           axisLine: {
54 54
             show: true, //是否显示轴线
55 55
             lineStyle: {
56
-              color: "#DADADA" //刻度线的颜色
57
-            }
58
-          }
59
-        }
56
+              color: "#DADADA", //刻度线的颜色
57
+            },
58
+          },
59
+        },
60 60
       ],
61 61
       yAxis: [
62 62
         {
63 63
           type: "value",
64 64
           axisTick: {
65
-            show: false //刻度
65
+            show: false, //刻度
66 66
           },
67 67
           axisLine: {
68 68
             show: false, //是否显示轴线
69 69
             lineStyle: {
70
-              color: "#DADADA" //刻度线的颜色
71
-            }
70
+              color: "#DADADA", //刻度线的颜色
71
+            },
72 72
           },
73 73
           splitLine: {
74 74
             //网格线
75 75
             lineStyle: {
76
-              type: "dotted" //设置网格线类型 dotted:虚线   solid:实线
76
+              type: "dotted", //设置网格线类型 dotted:虚线   solid:实线
77 77
             },
78
-            show: true //隐藏或显示
78
+            show: true, //隐藏或显示
79 79
           },
80 80
           axisLabel: {
81
-            color: "#5F6E82" //更改坐标轴文字颜色
82
-          }
83
-        }
81
+            color: "#5F6E82", //更改坐标轴文字颜色
82
+          },
83
+        },
84 84
       ],
85 85
       series: [
86 86
         {
@@ -97,10 +97,10 @@ $(function () {
97 97
               align: "center",
98 98
               verticalAlign: "bottom",
99 99
               position: "top",
100
-              distance: 0
101
-            }
100
+              distance: 0,
101
+            },
102 102
           },
103
-          data: series_data1
103
+          data: series_data1,
104 104
         },
105 105
         {
106 106
           name: legend_data[1],
@@ -119,14 +119,18 @@ $(function () {
119 119
               distance: 0,
120 120
               formatter: function (params) {
121 121
                 return Math.abs(params.value);
122
-              }
123
-            }
122
+              },
123
+            },
124 124
           },
125
-          data: series_data2
126
-        }
127
-      ]
125
+          data: series_data2,
126
+        },
127
+      ],
128 128
     };
129
-    var myEcharts = echarts.init(document.querySelector(".section_2_lin_" + s_index + " #classCriticalRankEcharts"));
129
+    var myEcharts = echarts.init(
130
+      document.querySelector(
131
+        ".section_2_lin.section_2_lin_" + s_index + " #classCriticalRankEcharts"
132
+      )
133
+    );
130 134
     myEcharts.clear();
131 135
     myEcharts.setOption(option);
132 136
   }
@@ -137,7 +141,7 @@ $(function () {
137 141
     var xAxis_data = [];
138 142
     var series_data1 = [];
139 143
     var series_data2 = [];
140
-    $.each(s_data_item.ranks, function(index, r_item) {
144
+    $.each(s_data_item.ranks, function (index, r_item) {
141 145
       xAxis_data.push(r_item.classname);
142 146
       series_data1.push(r_item.dynum);
143 147
       series_data2.push(-r_item.xynum);
@@ -150,22 +154,22 @@ $(function () {
150 154
         textStyle: {
151 155
           color: "#5F6E82",
152 156
           fontSize: 12,
153
-          fontWeight: 500
154
-        }
157
+          fontWeight: 500,
158
+        },
155 159
       },
156 160
       color: ["#5C99FF", "#F39A2C"],
157 161
       legend: {
158 162
         itemWidth: 6,
159 163
         itemHeight: 6,
160 164
         bottom: 30,
161
-        data: legend_data
165
+        data: legend_data,
162 166
       },
163 167
       grid: {
164 168
         top: 30,
165 169
         left: 5,
166 170
         right: 0,
167 171
         bottom: 65,
168
-        containLabel: true
172
+        containLabel: true,
169 173
       },
170 174
       xAxis: [
171 175
         {
@@ -174,44 +178,44 @@ $(function () {
174 178
           position: "bottom",
175 179
           data: xAxis_data,
176 180
           axisLabel: {
177
-            color: "#5F6E82" //更改坐标轴文字颜色
181
+            color: "#5F6E82", //更改坐标轴文字颜色
178 182
           },
179 183
           axisTick: {
180
-            alignWithLabel: true
184
+            alignWithLabel: true,
181 185
           },
182 186
           boundaryGap: true,
183 187
           triggerEvent: true,
184 188
           axisLine: {
185 189
             show: true, //是否显示轴线
186 190
             lineStyle: {
187
-              color: "#DADADA" //刻度线的颜色
188
-            }
189
-          }
190
-        }
191
+              color: "#DADADA", //刻度线的颜色
192
+            },
193
+          },
194
+        },
191 195
       ],
192 196
       yAxis: [
193 197
         {
194 198
           type: "value",
195 199
           axisTick: {
196
-            show: false //刻度
200
+            show: false, //刻度
197 201
           },
198 202
           axisLine: {
199 203
             show: false, //是否显示轴线
200 204
             lineStyle: {
201
-              color: "#DADADA" //刻度线的颜色
202
-            }
205
+              color: "#DADADA", //刻度线的颜色
206
+            },
203 207
           },
204 208
           splitLine: {
205 209
             //网格线
206 210
             lineStyle: {
207
-              type: "dotted" //设置网格线类型 dotted:虚线   solid:实线
211
+              type: "dotted", //设置网格线类型 dotted:虚线   solid:实线
208 212
             },
209
-            show: true //隐藏或显示
213
+            show: true, //隐藏或显示
210 214
           },
211 215
           axisLabel: {
212
-            color: "#5F6E82" //更改坐标轴文字颜色
213
-          }
214
-        }
216
+            color: "#5F6E82", //更改坐标轴文字颜色
217
+          },
218
+        },
215 219
       ],
216 220
       series: [
217 221
         {
@@ -228,10 +232,10 @@ $(function () {
228 232
               align: "center",
229 233
               verticalAlign: "bottom",
230 234
               position: "top",
231
-              distance: 0
232
-            }
235
+              distance: 0,
236
+            },
233 237
           },
234
-          data: series_data1
238
+          data: series_data1,
235 239
         },
236 240
         {
237 241
           name: legend_data[1],
@@ -250,31 +254,35 @@ $(function () {
250 254
               distance: 0,
251 255
               formatter: function (params) {
252 256
                 return Math.abs(params.value);
253
-              }
254
-            }
257
+              },
258
+            },
255 259
           },
256
-          data: series_data2
257
-        }
258
-      ]
260
+          data: series_data2,
261
+        },
262
+      ],
259 263
     };
260
-    var myEcharts = echarts.init(document.querySelector(".section_2_lin #classCriticalScoreEcharts"));
264
+    var myEcharts = echarts.init(
265
+      document.querySelector(".section_2_lin.section_2_lin_" + s_index + " #classCriticalScoreEcharts")
266
+    );
261 267
     myEcharts.clear();
262 268
     myEcharts.setOption(option);
263 269
   }
264
-  var parameter = $(".section_2_html_root .section_2_lin_html_root").data("page-params");
270
+  var parameter = $(".section_2_html_root .section_2_lin_html_root").data(
271
+    "page-params"
272
+  );
265 273
   parameter = JSON.parse(parameter);
266 274
   var subjectInfo = [];
267 275
   var subjectid_ranktype = {};
268
-  for(var sid_3 in parameter[3]) {
276
+  for (var sid_3 in parameter[3]) {
269 277
     if (sid_3 === "zf") {
270 278
       subjectInfo.unshift({
271 279
         subjectid: sid_3,
272
-        subjectname: "全科"
280
+        subjectname: "全科",
273 281
       });
274 282
     } else {
275 283
       subjectInfo.push({
276 284
         subjectid: sid_3,
277
-        subjectname: parameter[3][sid_3].subjectname
285
+        subjectname: parameter[3][sid_3].subjectname,
278 286
       });
279 287
     }
280 288
     if (!subjectid_ranktype[sid_3]) {
@@ -282,7 +290,7 @@ $(function () {
282 290
     }
283 291
     subjectid_ranktype[sid_3][3] = parameter[3][sid_3];
284 292
   }
285
-  for(var sid_4 in parameter[4]) {
293
+  for (var sid_4 in parameter[4]) {
286 294
     if (!subjectid_ranktype[sid_4]) {
287 295
       subjectid_ranktype[sid_4] = {};
288 296
     }
@@ -290,56 +298,108 @@ $(function () {
290 298
   }
291 299
   console.log("subjectid_ranktype", subjectid_ranktype);
292 300
   var singleRootHtml = "";
293
-  $.each(subjectInfo, function(s_index, s_item) {
294
-    if (s_index === 0) {
295
-      console.log("s_index", s_index);
296
-      console.log("s_item", s_item);
297
-    }
301
+  $.each(subjectInfo, function (s_index, s_item) {
302
+    singleRootHtml +=
303
+      '<div class="page_root section_2_lin section_2_lin_' +
304
+      s_index +
305
+      '">' +
306
+      (s_index === 0 ? '<h2 class="section_title_2">4.临界生对比</h2>' : "") +
307
+      '<h3 class="section_title_3">4.' +
308
+      (s_index + 1) +
309
+      ' <span class="subjectname"></span>临界生对比</h3><h4 class="section_title_4">4.' +
310
+      (s_index + 1) +
311
+      '.1 各班临界生对比分析</h4><div class="echarts_result"><div>按名次统计</div><div class="echarts_result_content"><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 section_2_lin_' +
312
+      s_index +
313
+      '"><h4 class="section_title_4">4.' +
314
+      (s_index + 1) +
315
+      '.2 各班名次整体分析</h4><table border="1" class="my_table"><thead><tr><th>班级</th><th>人数</th><th>占比</th></tr></thead><tbody class="lin_rank_tbody"></tbody></table><div class="echarts_result"><div>上图统计结果表示:</div><div class="echarts_result_content"><div><span class="dot bg_FF5F56"></span>临界生最多的班级:<span class="lin_rank_max"></span></div></div></div></div><div class="page_root section_2_lin section_2_lin_' +
316
+      s_index +
317
+      '"><div class="echarts_result"><div>按分数统计</div><div class="echarts_result_content"><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 section_2_lin_' +
318
+      s_index +
319
+      '"><h4 class="section_title_4">4.' +
320
+      (s_index + 1) +
321
+      '.3 各班分数整体分析</h4><table border="1" class="my_table"><thead><tr><th>班级</th><th>人数</th><th>占比</th></tr></thead><tbody class="lin_score_tbody"></tbody></table><div class="echarts_result"><div>上图统计结果表示:</div><div class="echarts_result_content"><div><span class="dot bg_FF5F56"></span>临界生最多的班级:<span class="lin_score_max"></span></div></div></div></div>';
298 322
   });
299 323
   $(".section_2_lin_root").html(singleRootHtml);
300
-  var s_index = 0;
301
-  var s_item = subjectInfo[s_index];
302
-  var r_data_item = subjectid_ranktype[s_item.subjectid][4];
303
-  console.log("r_data_item", r_data_item);
304
-  // 按名次统计
305
-  $(".section_2_lin_0 .subjectname").text(r_data_item.subjectname);
306
-  $(".section_2_lin_0 .lin_rank_num").text(r_data_item.linescore);
307
-  $(".section_2_lin_0 .lin_rank_float").text(r_data_item.floatscore);
308
-  $(".section_2_lin_0 .lin_rank_range").text(r_data_item.maxscore + " - " + r_data_item.minscore);
309
-  initClassCriticalRankEcharts(r_data_item, s_index);
310
-  var lin_rank_tbody_html = "";
311
-  var linRankMaxInfo = {
312
-    stunum: 0,
313
-    classname:  ""
314
-  };
315
-  $.each(r_data_item.ranks, function(index, r_item) {
316
-    if (r_item.classid !== 0 && linRankMaxInfo.stunum < r_item.stunum) {
317
-      linRankMaxInfo.stunum = r_item.stunum;
318
-      linRankMaxInfo.classname = r_item.classname;
319
-    }
320
-    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>'
321
-  });
322
-  $(".section_2_lin_0 .lin_rank_tbody").html(lin_rank_tbody_html);
323
-  $(".section_2_lin_0 .lin_rank_max").html(linRankMaxInfo.classname);
324
-  // 按分数统计
325
-  var s_data_item = subjectid_ranktype[s_item.subjectid][3];
326
-  console.log("s_data_item", s_data_item);
327
-  $(".section_2_lin_0 .lin_score_num").text(s_data_item.linescore);
328
-  $(".section_2_lin_0 .lin_score_float").text(s_data_item.floatscore);
329
-  $(".section_2_lin_0 .lin_score_range").text(s_data_item.minscore + " - " + s_data_item.maxscore);
330
-  initClassCriticalScoreEcharts(s_data_item, s_index);
331
-  var lin_score_tbody_html = "";
332
-  var linScoreMaxInfo = {
333
-    stunum: 0,
334
-    classname:  ""
335
-  };
336
-  $.each(s_data_item.ranks, function(index, r_item) {
337
-    if (r_item.classid !== 0 && linScoreMaxInfo.stunum < r_item.stunum) {
338
-      linScoreMaxInfo.stunum = r_item.stunum;
339
-      linScoreMaxInfo.classname = r_item.classname;
340
-    }
341
-    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>'
324
+  $.each(subjectInfo, function (s_index, s_item) {
325
+    var r_data_item = subjectid_ranktype[s_item.subjectid][4];
326
+    console.log("r_data_item", r_data_item);
327
+    // 按名次统计
328
+    $(".section_2_lin_" + s_index + " .subjectname").text(
329
+      r_data_item.subjectname
330
+    );
331
+    $(".section_2_lin_" + s_index + " .lin_rank_num").text(
332
+      r_data_item.linescore
333
+    );
334
+    $(".section_2_lin_" + s_index + " .lin_rank_float").text(
335
+      r_data_item.floatscore
336
+    );
337
+    $(".section_2_lin_" + s_index + " .lin_rank_range").text(
338
+      r_data_item.maxscore + " - " + r_data_item.minscore
339
+    );
340
+    initClassCriticalRankEcharts(r_data_item, s_index);
341
+    var lin_rank_tbody_html = "";
342
+    var linRankMaxInfo = {
343
+      stunum: 0,
344
+      classname: "",
345
+    };
346
+    $.each(r_data_item.ranks, function (index, r_item) {
347
+      if (r_item.classid !== 0 && linRankMaxInfo.stunum < r_item.stunum) {
348
+        linRankMaxInfo.stunum = r_item.stunum;
349
+        linRankMaxInfo.classname = r_item.classname;
350
+      }
351
+      lin_rank_tbody_html +=
352
+        '<tr><td><div class="my_cell">' +
353
+        r_item.classname +
354
+        '</div></td><td><div class="my_cell">' +
355
+        r_item.stunum +
356
+        '</div></td><td><div class="my_cell">' +
357
+        r_item.sturate +
358
+        "%</div></td></tr>";
359
+    });
360
+    $(".section_2_lin_" + s_index + " .lin_rank_tbody").html(
361
+      lin_rank_tbody_html
362
+    );
363
+    $(".section_2_lin_" + s_index + " .lin_rank_max").html(
364
+      linRankMaxInfo.classname
365
+    );
366
+    // 按分数统计
367
+    var s_data_item = subjectid_ranktype[s_item.subjectid][3];
368
+    console.log("s_data_item", s_data_item);
369
+    $(".section_2_lin_" + s_index + " .lin_score_num").text(
370
+      s_data_item.linescore
371
+    );
372
+    $(".section_2_lin_" + s_index + " .lin_score_float").text(
373
+      s_data_item.floatscore
374
+    );
375
+    $(".section_2_lin_" + s_index + " .lin_score_range").text(
376
+      s_data_item.minscore + " - " + s_data_item.maxscore
377
+    );
378
+    initClassCriticalScoreEcharts(s_data_item, s_index);
379
+    var lin_score_tbody_html = "";
380
+    var linScoreMaxInfo = {
381
+      stunum: 0,
382
+      classname: "",
383
+    };
384
+    $.each(s_data_item.ranks, function (index, r_item) {
385
+      if (r_item.classid !== 0 && linScoreMaxInfo.stunum < r_item.stunum) {
386
+        linScoreMaxInfo.stunum = r_item.stunum;
387
+        linScoreMaxInfo.classname = r_item.classname;
388
+      }
389
+      lin_score_tbody_html +=
390
+        '<tr><td><div class="my_cell">' +
391
+        r_item.classname +
392
+        '</div></td><td><div class="my_cell">' +
393
+        r_item.stunum +
394
+        '</div></td><td><div class="my_cell">' +
395
+        r_item.sturate +
396
+        "%</div></td></tr>";
397
+    });
398
+    $(".section_2_lin_" + s_index + " .lin_score_tbody").html(
399
+      lin_score_tbody_html
400
+    );
401
+    $(".section_2_lin_" + s_index + " .lin_score_max").html(
402
+      linScoreMaxInfo.classname
403
+    );
342 404
   });
343
-  $(".section_2_lin_0 .lin_score_tbody").html(lin_score_tbody_html);
344
-  $(".section_2_lin_0 .lin_score_max").html(linScoreMaxInfo.classname);
345
-});
405
+});

+ 0
- 257
js/scoreAnalysis/section_2_lin_single.js Voir le fichier

@@ -1,257 +0,0 @@
1
-$(function () {
2
-    // 按名次统计
3
-    function initClassCriticalRankEcharts() {
4
-      var legend_data = [">10名", "≤10名"];
5
-      var xAxis_data = ["全部班级", "九年级一班", "九年级二班"];
6
-      var series_data1 = [7, 4, 3];
7
-      var series_data2 = [-4, -2, -2];
8
-      var option = {
9
-        title: {
10
-          text: "人",
11
-          x: "left",
12
-          y: "top",
13
-          textStyle: {
14
-            color: "#5F6E82",
15
-            fontSize: 12,
16
-            fontWeight: 500
17
-          }
18
-        },
19
-        color: ["#5C99FF", "#F39A2C"],
20
-        legend: {
21
-          itemWidth: 6,
22
-          itemHeight: 6,
23
-          bottom: 30,
24
-          data: legend_data
25
-        },
26
-        grid: {
27
-          top: 30,
28
-          left: 5,
29
-          right: 0,
30
-          bottom: 65,
31
-          containLabel: true
32
-        },
33
-        xAxis: [
34
-          {
35
-            type: "category",
36
-            offset: 10,
37
-            position: "bottom",
38
-            data: xAxis_data,
39
-            axisLabel: {
40
-              color: "#5F6E82" //更改坐标轴文字颜色
41
-            },
42
-            axisTick: {
43
-              alignWithLabel: true
44
-            },
45
-            boundaryGap: true,
46
-            triggerEvent: true,
47
-            axisLine: {
48
-              show: true, //是否显示轴线
49
-              lineStyle: {
50
-                color: "#DADADA" //刻度线的颜色
51
-              }
52
-            }
53
-          }
54
-        ],
55
-        yAxis: [
56
-          {
57
-            type: "value",
58
-            axisTick: {
59
-              show: false //刻度
60
-            },
61
-            axisLine: {
62
-              show: false, //是否显示轴线
63
-              lineStyle: {
64
-                color: "#DADADA" //刻度线的颜色
65
-              }
66
-            },
67
-            splitLine: {
68
-              //网格线
69
-              lineStyle: {
70
-                type: "dotted" //设置网格线类型 dotted:虚线   solid:实线
71
-              },
72
-              show: true //隐藏或显示
73
-            },
74
-            axisLabel: {
75
-              color: "#5F6E82" //更改坐标轴文字颜色
76
-            }
77
-          }
78
-        ],
79
-        series: [
80
-          {
81
-            name: legend_data[0],
82
-            type: "bar",
83
-            stack: "one",
84
-            barWidth: 32,
85
-            // 柱状图最小高度
86
-            barMinHeight: 0,
87
-            barGap: 0,
88
-            label: {
89
-              normal: {
90
-                show: true,
91
-                align: "center",
92
-                verticalAlign: "bottom",
93
-                position: "top",
94
-                distance: 0
95
-              }
96
-            },
97
-            data: series_data1
98
-          },
99
-          {
100
-            name: legend_data[1],
101
-            type: "bar",
102
-            stack: "one",
103
-            barWidth: 32,
104
-            // 柱状图最小高度
105
-            barMinHeight: 0,
106
-            barGap: 0,
107
-            label: {
108
-              normal: {
109
-                show: true,
110
-                align: "center",
111
-                verticalAlign: "top",
112
-                position: "bottom",
113
-                distance: 0,
114
-                formatter: function (params) {
115
-                  return Math.abs(params.value);
116
-                }
117
-              }
118
-            },
119
-            data: series_data2
120
-          }
121
-        ]
122
-      };
123
-      var myEcharts = echarts.init(document.querySelector(".section_2_lin_single #classCriticalRankEcharts"));
124
-      myEcharts.clear();
125
-      myEcharts.setOption(option);
126
-    }
127
-    // 按分数统计
128
-    function initClassCriticalScoreEcharts() {
129
-      var legend_data = [">10分", "≤10分"];
130
-      var xAxis_data = ["全部班级", "九年级一班", "九年级二班"];
131
-      var series_data1 = [7, 4, 3];
132
-      var series_data2 = [-4, -2, -2];
133
-      var option = {
134
-        title: {
135
-          text: "人",
136
-          x: "left",
137
-          y: "top",
138
-          textStyle: {
139
-            color: "#5F6E82",
140
-            fontSize: 12,
141
-            fontWeight: 500
142
-          }
143
-        },
144
-        color: ["#5C99FF", "#F39A2C"],
145
-        legend: {
146
-          itemWidth: 6,
147
-          itemHeight: 6,
148
-          bottom: 30,
149
-          data: legend_data
150
-        },
151
-        grid: {
152
-          top: 30,
153
-          left: 5,
154
-          right: 0,
155
-          bottom: 65,
156
-          containLabel: true
157
-        },
158
-        xAxis: [
159
-          {
160
-            type: "category",
161
-            offset: 10,
162
-            position: "bottom",
163
-            data: xAxis_data,
164
-            axisLabel: {
165
-              color: "#5F6E82" //更改坐标轴文字颜色
166
-            },
167
-            axisTick: {
168
-              alignWithLabel: true
169
-            },
170
-            boundaryGap: true,
171
-            triggerEvent: true,
172
-            axisLine: {
173
-              show: true, //是否显示轴线
174
-              lineStyle: {
175
-                color: "#DADADA" //刻度线的颜色
176
-              }
177
-            }
178
-          }
179
-        ],
180
-        yAxis: [
181
-          {
182
-            type: "value",
183
-            axisTick: {
184
-              show: false //刻度
185
-            },
186
-            axisLine: {
187
-              show: false, //是否显示轴线
188
-              lineStyle: {
189
-                color: "#DADADA" //刻度线的颜色
190
-              }
191
-            },
192
-            splitLine: {
193
-              //网格线
194
-              lineStyle: {
195
-                type: "dotted" //设置网格线类型 dotted:虚线   solid:实线
196
-              },
197
-              show: true //隐藏或显示
198
-            },
199
-            axisLabel: {
200
-              color: "#5F6E82" //更改坐标轴文字颜色
201
-            }
202
-          }
203
-        ],
204
-        series: [
205
-          {
206
-            name: legend_data[0],
207
-            type: "bar",
208
-            stack: "one",
209
-            barWidth: 32,
210
-            // 柱状图最小高度
211
-            barMinHeight: 0,
212
-            barGap: 0,
213
-            label: {
214
-              normal: {
215
-                show: true,
216
-                align: "center",
217
-                verticalAlign: "bottom",
218
-                position: "top",
219
-                distance: 0
220
-              }
221
-            },
222
-            data: series_data1
223
-          },
224
-          {
225
-            name: legend_data[1],
226
-            type: "bar",
227
-            stack: "one",
228
-            barWidth: 32,
229
-            // 柱状图最小高度
230
-            barMinHeight: 0,
231
-            barGap: 0,
232
-            label: {
233
-              normal: {
234
-                show: true,
235
-                align: "center",
236
-                verticalAlign: "top",
237
-                position: "bottom",
238
-                distance: 0,
239
-                formatter: function (params) {
240
-                  return Math.abs(params.value);
241
-                }
242
-              }
243
-            },
244
-            data: series_data2
245
-          }
246
-        ]
247
-      };
248
-      var myEcharts = echarts.init(document.querySelector(".section_2_lin_single #classCriticalScoreEcharts"));
249
-      myEcharts.clear();
250
-      myEcharts.setOption(option);
251
-    }
252
-    var parameter = $(".section_2_html_root .section_2_lin_single_html_root").data("page-params");
253
-    parameter = JSON.parse(parameter);
254
-    // console.log(".section_2_lin_single_html_root:parameter", parameter);
255
-    initClassCriticalRankEcharts();
256
-    initClassCriticalScoreEcharts();
257
-  });

+ 0
- 6
js/section_2.js Voir le fichier

@@ -7,7 +7,6 @@ $(function() {
7 7
     // "section_2_level",
8 8
     // "section_2_part",
9 9
     "section_2_lin",
10
-    "section_2_lin_single",
11 10
     // "section_2_excellent_all"
12 11
   ];
13 12
   $(".section_2.score_analysis_root").html(sectionsHtmlArr.map(function (htmlName) {
@@ -64,11 +63,6 @@ $(function() {
64 63
         3: djfx_data[3],
65 64
         4: djfx_data[4]
66 65
       }));
67
-    } else if (htmlName === "section_2_lin_single") {
68
-      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
69
-        3: djfx_data[3],
70
-        4: djfx_data[4]
71
-      }));
72 66
     } else if (htmlName === "section_2_excellent_all") {
73 67
       $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
74 68
         cjfx: parameter.cjfx,

+ 0
- 1
notes.txt Voir le fichier

@@ -9,7 +9,6 @@ section_2.html 第二部分
9 9
         分数等级对比-全科(分数等级对比-单科)section_2_level
10 10
         分数分段对比-全科(分数分段对比-单科)section_2_part
11 11
         临界生对比-全科 (按名次)临界生对比-全科 (按分数)section_2_lin
12
-        临界生对比-单科 (按名次)临界生对比-单科 (按分数)section_2_lin_single
13 12
         优秀生、学困生对比-全科 section_2_excellent_all
14 13
         优秀生、学困生对比-单科 section_2_excellent_single
15 14
 section_3.html 第三部分

+ 5
- 17
sections/scoreAnalysis/section_2_lin.html Voir le fichier

@@ -8,8 +8,8 @@
8 8
   <link rel="stylesheet" href="../../css/scoreAnalysis/section_2_lin.css">
9 9
 </head>
10 10
 <body>
11
-  <!-- <div class="section_2_lin_root"></div> -->
12
-  <div class="page_root section_2_lin section_2_lin_0">
11
+  <div class="section_2_lin_root"></div>
12
+  <!-- <div class="page_root section_2_lin section_2_lin_0">
13 13
     <h2 class="section_title_2">4.临界生对比</h2>
14 14
     <h3 class="section_title_3">4.1 <span class="subjectname"></span>临界生对比</h3>
15 15
     <h4 class="section_title_4">4.1.1 各班临界生对比分析</h4>
@@ -32,13 +32,7 @@
32 32
           <th>占比</th>
33 33
         </tr>
34 34
       </thead>
35
-      <tbody class="lin_rank_tbody">
36
-        <!-- <tr>
37
-          <td><div class="my_cell">全年级</div></td>
38
-          <td><div class="my_cell">5</div></td>
39
-          <td><div class="my_cell">4%</div></td>
40
-        </tr> -->
41
-      </tbody>
35
+      <tbody class="lin_rank_tbody"></tbody>
42 36
     </table>
43 37
     <div class="echarts_result">
44 38
       <div>上图统计结果表示:</div>
@@ -67,13 +61,7 @@
67 61
           <th>占比</th>
68 62
         </tr>
69 63
       </thead>
70
-      <tbody class="lin_score_tbody">
71
-        <!-- <tr>
72
-          <td><div class="my_cell">全年级</div></td>
73
-          <td><div class="my_cell">5</div></td>
74
-          <td><div class="my_cell">4%</div></td>
75
-        </tr> -->
76
-      </tbody>
64
+      <tbody class="lin_score_tbody"></tbody>
77 65
     </table>
78 66
     <div class="echarts_result">
79 67
       <div>上图统计结果表示:</div>
@@ -81,7 +69,7 @@
81 69
         <div><span class="dot bg_FF5F56"></span>临界生最多的班级:<span class="lin_score_max"></span></div>
82 70
       </div>
83 71
     </div>
84
-  </div>
72
+  </div> -->
85 73
   <script src="../../js/scoreAnalysis/section_2_lin.js"></script>
86 74
 </body>
87 75
 </html>

+ 0
- 115
sections/scoreAnalysis/section_2_lin_single.html Voir le fichier

@@ -1,115 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="zh-cn">
3
-<head>
4
-  <meta charset="UTF-8">
5
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
-  <title>校本PDF报告-第二章 成绩分析</title>
8
-  <link rel="stylesheet" href="../../css/scoreAnalysis/section_2_lin_single.css">
9
-</head>
10
-<body>
11
-  <div class="page_root section_2_lin_single">
12
-    <h3 class="section_title_3">4.2 全科临界生对比</h3>
13
-    <h4 class="section_title_4">4.2.1 各班临界生对比分析</h4>
14
-    <div class="echarts_result">
15
-      <div>按名次统计</div>
16
-      <div class="echarts_result_content">
17
-        <div>临界名次:<span class="c_5699FF">90</span>名<span class="margin_left_6mm margin_right_6mm">浮动名次:<span
18
-              class="c_FF5F56">5</span>名</span>名次区间:<span class="c_5699FF">85 - 95</span>名</div>
19
-      </div>
20
-    </div>
21
-    <div id="classCriticalRankEcharts" style="margin: 0 4mm 4mm; height: 120mm"></div>
22
-  </div>
23
-  <div class="page_root section_2_lin_single">
24
-    <h4 class="section_title_4">4.2.2 各班名次整体分析</h4>
25
-    <table border="1" class="my_table">
26
-      <thead>
27
-        <tr>
28
-          <th>班级</th>
29
-          <th>人数</th>
30
-          <th>占比</th>
31
-        </tr>
32
-      </thead>
33
-      <tbody>
34
-        <tr>
35
-          <td><div class="my_cell">全年级</div></td>
36
-          <td><div class="my_cell">5</div></td>
37
-          <td><div class="my_cell">4%</div></td>
38
-        </tr>
39
-        <tr>
40
-          <td><div class="my_cell">八年级一班</div></td>
41
-          <td><div class="my_cell">5</div></td>
42
-          <td><div class="my_cell">4%</div></td>
43
-        </tr>
44
-        <tr>
45
-          <td><div class="my_cell">八年级一班</div></td>
46
-          <td><div class="my_cell">5</div></td>
47
-          <td><div class="my_cell">4%</div></td>
48
-        </tr>
49
-        <tr>
50
-          <td><div class="my_cell">八年级一班</div></td>
51
-          <td><div class="my_cell">5</div></td>
52
-          <td><div class="my_cell">4%</div></td>
53
-        </tr>
54
-      </tbody>
55
-    </table>
56
-    <div class="echarts_result">
57
-      <div>上图统计结果表示:</div>
58
-      <div class="echarts_result_content">
59
-        <div><span class="dot bg_FF5F56"></span>临界生最多的班级:八年级六班</div>
60
-      </div>
61
-    </div>
62
-  </div>
63
-  <div class="page_root section_2_lin_single">
64
-    <div class="echarts_result">
65
-      <div>按分数统计</div>
66
-      <div class="echarts_result_content">
67
-        <div>临界分:<span class="c_5699FF">90</span>分<span class="margin_left_6mm margin_right_6mm">浮动分:<span
68
-              class="c_FF5F56">5</span>分</span>分数区间:<span class="c_5699FF">85 - 95</span>分</div>
69
-      </div>
70
-    </div>
71
-    <div id="classCriticalScoreEcharts" style="margin: 0 4mm 4mm; height: 120mm"></div>
72
-  </div>
73
-  <div class="page_root section_2_lin_single">
74
-    <h4 class="section_title_4">4.2.3 各班分数整体分析</h4>
75
-    <table border="1" class="my_table">
76
-      <thead>
77
-        <tr>
78
-          <th>班级</th>
79
-          <th>人数</th>
80
-          <th>占比</th>
81
-        </tr>
82
-      </thead>
83
-      <tbody>
84
-        <tr>
85
-          <td><div class="my_cell">全年级</div></td>
86
-          <td><div class="my_cell">5</div></td>
87
-          <td><div class="my_cell">4%</div></td>
88
-        </tr>
89
-        <tr>
90
-          <td><div class="my_cell">八年级一班</div></td>
91
-          <td><div class="my_cell">5</div></td>
92
-          <td><div class="my_cell">4%</div></td>
93
-        </tr>
94
-        <tr>
95
-          <td><div class="my_cell">八年级一班</div></td>
96
-          <td><div class="my_cell">5</div></td>
97
-          <td><div class="my_cell">4%</div></td>
98
-        </tr>
99
-        <tr>
100
-          <td><div class="my_cell">八年级一班</div></td>
101
-          <td><div class="my_cell">5</div></td>
102
-          <td><div class="my_cell">4%</div></td>
103
-        </tr>
104
-      </tbody>
105
-    </table>
106
-    <div class="echarts_result">
107
-      <div>上图统计结果表示:</div>
108
-      <div class="echarts_result_content">
109
-        <div><span class="dot bg_FF5F56"></span>临界生最多的班级:八年级六班</div>
110
-      </div>
111
-    </div>
112
-  </div>
113
-  <script src="../../js/scoreAnalysis/section_2_lin_single.js"></script>
114
-</body>
115
-</html>

Chargement…
Annuler
Enregistrer