优劣学科

js/section_1.js

@@ -969,6 +969,100 @@ $(function () {
       $(".table_num2").html(page[2]);
     } 
   }
+
+  function initgoodbadSubjectEcharts(list) {
+    console.log(list);
+    var schoolrate = [],
+        classrate = [],
+        legendlist = [list[0].classname, "全年级"];
+      this.subjectscore.forEach((item) => {
+        if (item.subjectname != "总分") {
+          classrate.push(
+            parseInt(
+              ((item.classavgscore - item.schoolavgscore) / item.bzc) * 10000
+            ) / 100 || 0
+          );
+          schoolrate.push(
+            parseInt((item.classavgscore / item.schoolavgscore) * 10000) / 100 || 0
+          );
+        }
+      });
+      // 求出数组最大值
+      let arr = [...schoolrate, ...classrate];
+      let arr1 = Math.max.apply(null, arr);
+      let maxnum = parseInt((arr1 + 10) / 10) * 10;
+      let arrList = [];
+      for (let i = 0; i < this.subjectscore.length; i++) {
+        let item = this.subjectscore[i];
+        if (item.subjectname == "总分") {
+          continue;
+        }
+        let j = {
+          name: item.subjectname,
+          max: maxnum
+        };
+        arrList.push(j);
+      }
+      var option = {
+        animation: false,
+        color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
+        legend: {
+          icon: "rectRound",
+          itemWidth: 6,
+          itemHeight: 6,
+          data: legendlist,
+          x: "center",
+          y: "bottom"
+        },
+        grid: {
+          //直角坐标系内绘图网格
+          left: "3%",
+          right: "3%",
+          bottom: "10%", //grid 组件离容器下侧的距离。
+          containLabel: true //grid 区域是否包含坐标轴的刻度标签。
+        },
+        radar: {
+          radius: "60%",
+          center: ["50%", "55%"],
+          indicator: arrList
+        },
+        series: {
+          type: "radar",
+          tooltip: {
+            trigger: "item"
+          },
+          // areaStyle: {},  //内部阴影
+          data: [
+            {
+              value: classrate,
+              label: {
+                show: true,
+                formatter: function (params) {
+                  return params.value;
+                }
+              },
+              name: this.classname
+            },
+            {
+              value: schoolrate,
+              label: {
+                show: true,
+                formatter: function (params) {
+                  return params.value;
+                }
+              },
+              name: "全年级"
+            }
+          ]
+        }
+    };
+    var myEcharts = echarts.init(
+      document.querySelector(".section1 #goodbadSubjectEcharts")
+    );
+    myEcharts.clear();
+    myEcharts.setOption(option);
+    
+  }
   var parameter = JSON.parse($(".section_1_html_root").data("page-params"));
   var xAxis_data = [],
     html = "";
@@ -1119,5 +1213,6 @@ $(function () {
   initexamaverageEcharts(parameter.xkcj, xAxis_data);
   initscoreGradeEcharts(parameter.fsdjtj, xAxis_data);
   initclassscorePartEcharts(parameter.fsdtj);
-  document.documentElement.scrollTop = 4200;
+  initgoodbadSubjectEcharts(parameter.xkcj);
+  document.documentElement.scrollTop = 6200;
 });

sections/section_1.html

@@ -142,20 +142,39 @@
       <div class="gradescale"></div>
     </div>
     <div class="page_root section1 table_num0">
-      <div>
-        <h2 class="section_title_2">4.分数段统计</h2>
-        <h3 class="section_title_3">4.1 各科分数段分析</h3>
-        <div class="curscorelevel">
-          当前设置分数段：<span class="classPartEcharts">20</span>分/段
+      <h2 class="section_title_2">4.分数段统计</h2>
+      <h3 class="section_title_3">4.1 各科分数段分析</h3>
+      <div class="curscorelevel">
+        当前设置分数段：<span class="classPartEcharts">20</span>分/段
+      </div>
+      <div
+        id="classscorePartEcharts"
+        style="margin: 0 4mm 4mm; height: 80mm"
+      ></div>
+      <h3 class="section_title_3">4.2 各科分数段比例分布</h3>
+      <div class="scoredistribution"></div>
+    </div>
+    <div class="page_root section1">
+      <h2 class="section_title_2">5.优劣学科统计</h2>
+      <h3 class="section_title_3">5.1 各科优劣分析</h3>
+      <div
+        id="goodbadSubjectEcharts"
+        style="margin: 0 4mm 4mm; height: 80mm"
+      ></div>
+      <div class="echarts_result">
+        <div>上图统计结果表示：</div>
+        <div class="echarts_result_content">
+          <span class="yj" style="background-color: #5c99ff"></span
+          >优势学科：<span class="goodsubject"></span>
         </div>
         <div
-          id="classscorePartEcharts"
-          style="margin: 0 4mm 4mm; height: 80mm"
-        ></div>
-        <h3 class="section_title_3">4.2 各科分数段比例分布</h3>
+          class="echarts_result_content"
+          style="margin-top: 0; padding-top: 0"
+        >
+          <span class="yj" style="background-color: #ff5f56"></span
+          >劣势学科<span class="badsubject"></span>
+        </div>
       </div>
-
-      <div class="scoredistribution"></div>
     </div>
     <script src="../js/section_1.js"></script>
   </body>