班级成绩对比-单科

css/common.css

@@ -152,4 +152,7 @@ h1,h2,h3,h4 {
 }
 .w16mm {
   width: 16mm;
+}
+.w29mm {
+  width: 29mm;
 }

css/scoreAnalysis/section_2_class_single.css

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

js/index.js

@@ -1,11 +1,11 @@
 $(function () {
   var loadHtmlArr = [
-    // "cover",
-    // "preface",
-    // "section_1",
+    "cover",
+    "preface",
+    "section_1",
     "section_2",
-    // "section_3",
-    // "section_4",
+    "section_3",
+    "section_4",
   ];
   $(".pdf_root").html(loadHtmlArr.map(function (htmlName) {
     return "<div class='" + htmlName + "_html_root'></div>";

js/scoreAnalysis/section_2_class_single.js

@@ -0,0 +1,564 @@
+$(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];
+    var option = {
+      animation: false,
+      title: {
+        text: "分",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500,
+        },
+      },
+      color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#F1982B"],
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: ["满分", "最高分", "最低分", "平均分"],
+      },
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
+      },
+      xAxis: [
+        {
+          type: "category",
+          data: xAxis_data,
+          axisLabel: {
+            color: "#5F6E82", //更改坐标轴文字颜色
+            interval: 0
+          },
+          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: "满分",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_full_data,
+        },
+        {
+          name: "最高分",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_max_data,
+        },
+        {
+          name: "最低分",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_min_data,
+        },
+        {
+          name: "平均分",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_avg_data,
+        }
+      ],
+    };
+    var myEcharts = echarts.init(document.querySelector(".section_2_class_single #classScoreEcharts"));
+    myEcharts.clear();
+    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];
+    var option = {
+      animation: false,
+      title: {
+        text: "%",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500,
+        },
+      },
+      color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#F1982B"],
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: ["优秀率", "良好率", "及格率", "低分率"],
+      },
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
+      },
+      xAxis: [
+        {
+          type: "category",
+          data: xAxis_data,
+          axisLabel: {
+            color: "#5F6E82", //更改坐标轴文字颜色
+            interval: 0
+          },
+          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: "优秀率",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_xy_data,
+        },
+        {
+          name: "良好率",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_lh_data,
+        },
+        {
+          name: "及格率",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_jg_data,
+        },
+        {
+          name: "低分率",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_df_data,
+        }
+      ],
+    };
+    var myEcharts = echarts.init(document.querySelector(".section_2_class_single #classRateEcharts"));
+    myEcharts.clear();
+    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];
+    var option = {
+      animation: false,
+      title: {
+        text: "人",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500,
+        },
+      },
+      color: ["#5C99FF", "#FF5F56"],
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: ["实考人数", "缺考人数"],
+      },
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
+      },
+      xAxis: [
+        {
+          type: "category",
+          data: xAxis_data,
+          axisLabel: {
+            color: "#5F6E82", //更改坐标轴文字颜色
+            interval: 0
+          },
+          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: "实考人数",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_sk_data,
+        },
+        {
+          name: "缺考人数",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_qk_data,
+        }
+      ],
+    };
+    var myEcharts = echarts.init(document.querySelector(".section_2_class_single #classExamEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
+  // 各班标准差对比分析
+  function initClassStdEcharts() {
+    var xAxis_data = [
+      "全年级",
+      "八年级一班",
+      "八年级二班",
+      "八年级三班",
+      "八年级四班"
+    ];
+    var series_data = [15, 10, 3, 14, 7];
+    var option = {
+      animation: false,
+      color: ["#5C99FF"],
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: ["标准差"],
+      },
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
+      },
+      xAxis: [
+        {
+          type: "category",
+          data: xAxis_data,
+          axisLabel: {
+            color: "#5F6E82", //更改坐标轴文字颜色
+            interval: 0
+          },
+          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: "标准差",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
+          },
+          data: series_data,
+        }
+      ]
+    };
+    var myEcharts = echarts.init(document.querySelector(".section_2_class_single #classStdEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
+  initClassScoreEcharts();
+  initClassRateEcharts();
+  initClassExamEcharts();
+  initClassStdEcharts();
+});

js/section_1.js

@@ -1,15 +1,16 @@
-function initAverageScoreEcharts() {
-  var itemStyle = {
-    normal: {
-      label: {
-        show: true, //开启显示数值
-        position: "top" //数值在上方显示
+$(function () {
+  function initAverageScoreEcharts() {
+    var itemStyle = {
+      normal: {
+        label: {
+          show: true, //开启显示数值
+          position: "top" //数值在上方显示
+        }
       }
-    }
-  };
-  var xAxis_data = ["一般", "二班"]
-  var curlegend = ["满分", "最高分", "最低分", "平均分"];
-  var curseries = [{
+    };
+    var xAxis_data = ["一般", "二班"]
+    var curlegend = ["满分", "最高分", "最低分", "平均分"];
+    var curseries = [{
       name: "满分",
       type: "bar",
       barWidth: $.UnitUtil.mm2px(5),
@@ -49,92 +50,92 @@ function initAverageScoreEcharts() {
       data: [40, 50],
       itemStyle: itemStyle
     }
-  ];
-  var option = {
-    animation: false,
-    color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
-    title: {
-      text: "分",
-      x: "left",
-      y: "top",
-      textStyle: {
-        color: "#5F6E82",
-        fontSize: $.UnitUtil.mm2px(3),
-        fontWeight: 500
-      }
-    },
-    legend: {
-      itemWidth: $.UnitUtil.mm2px(2),
-      itemHeight: $.UnitUtil.mm2px(2),
-      top: "bottom",
-      data: curlegend
-    },
-    grid: {
-      top: $.UnitUtil.mm2px(10),
-      left: 0,
-      right: 0,
-      bottom: $.UnitUtil.mm2px(8),
-      containLabel: true,
-    },
-    xAxis: [{
-      type: "category",
-      data: xAxis_data,
-      axisLabel: {
-        color: "#5F6E82" //更改坐标轴文字颜色
+    ];
+    var option = {
+      animation: false,
+      color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
+      title: {
+        text: "分",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500
+        }
       },
-      axisTick: {
-        alignWithLabel: true
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: curlegend
       },
-      boundaryGap: true,
-      triggerEvent: true,
-      axisLine: {
-        show: true, //是否显示轴线
-        lineStyle: {
-          color: "#DADADA" //刻度线的颜色
-        }
-      }
-    }],
-    yAxis: [{
-      type: "value",
-      axisTick: {
-        show: false //刻度
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
       },
-      axisLine: {
-        show: false, //是否显示轴线
-        lineStyle: {
-          color: "#DADADA" //刻度线的颜色
+      xAxis: [{
+        type: "category",
+        data: xAxis_data,
+        axisLabel: {
+          color: "#5F6E82" //更改坐标轴文字颜色
+        },
+        axisTick: {
+          alignWithLabel: true
+        },
+        boundaryGap: true,
+        triggerEvent: true,
+        axisLine: {
+          show: true, //是否显示轴线
+          lineStyle: {
+            color: "#DADADA" //刻度线的颜色
+          }
         }
-      },
-      splitLine: {
-        //网格线
-        lineStyle: {
-          type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+      }],
+      yAxis: [{
+        type: "value",
+        axisTick: {
+          show: false //刻度
         },
-        show: true //隐藏或显示
-      },
-      axisLabel: {
-        color: "#5F6E82" //更改坐标轴文字颜色
-      }
-    }],
-    series: curseries
-  };
-  var myEcharts = echarts.init(document.querySelector(".section1 #averagescoreEcharts"));
-  myEcharts.clear();
-  myEcharts.setOption(option);
-}
+        axisLine: {
+          show: false, //是否显示轴线
+          lineStyle: {
+            color: "#DADADA" //刻度线的颜色
+          }
+        },
+        splitLine: {
+          //网格线
+          lineStyle: {
+            type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+          },
+          show: true //隐藏或显示
+        },
+        axisLabel: {
+          color: "#5F6E82" //更改坐标轴文字颜色
+        }
+      }],
+      series: curseries
+    };
+    var myEcharts = echarts.init(document.querySelector(".section1 #averagescoreEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
 
-function initExcellenceRateEcharts() {
-  var itemStyle = {
-    normal: {
-      label: {
-        show: true, //开启显示数值
-        position: "top" //数值在上方显示
+  function initExcellenceRateEcharts() {
+    var itemStyle = {
+      normal: {
+        label: {
+          show: true, //开启显示数值
+          position: "top" //数值在上方显示
+        }
       }
-    }
-  };
-  var xAxis_data = ["一般", "二班"]
-  var curlegend = ["优秀率", "良好率", "及格率", "低分率"];
-  var curseries = [{
+    };
+    var xAxis_data = ["一般", "二班"]
+    var curlegend = ["优秀率", "良好率", "及格率", "低分率"];
+    var curseries = [{
       name: "优秀率",
       type: "bar",
       barWidth: $.UnitUtil.mm2px(5),
@@ -174,92 +175,92 @@ function initExcellenceRateEcharts() {
       data: [40, 50],
       itemStyle: itemStyle
     }
-  ];
-  var option = {
-    animation: false,
-    color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
-    title: {
-      text: "分",
-      x: "left",
-      y: "top",
-      textStyle: {
-        color: "#5F6E82",
-        fontSize: $.UnitUtil.mm2px(3),
-        fontWeight: 500
-      }
-    },
-    legend: {
-      itemWidth: $.UnitUtil.mm2px(2),
-      itemHeight: $.UnitUtil.mm2px(2),
-      top: "bottom",
-      data: curlegend
-    },
-    grid: {
-      top: $.UnitUtil.mm2px(10),
-      left: 0,
-      right: 0,
-      bottom: $.UnitUtil.mm2px(8),
-      containLabel: true,
-    },
-    xAxis: [{
-      type: "category",
-      data: xAxis_data,
-      axisLabel: {
-        color: "#5F6E82" //更改坐标轴文字颜色
+    ];
+    var option = {
+      animation: false,
+      color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
+      title: {
+        text: "分",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500
+        }
       },
-      axisTick: {
-        alignWithLabel: true
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: curlegend
       },
-      boundaryGap: true,
-      triggerEvent: true,
-      axisLine: {
-        show: true, //是否显示轴线
-        lineStyle: {
-          color: "#DADADA" //刻度线的颜色
-        }
-      }
-    }],
-    yAxis: [{
-      type: "value",
-      axisTick: {
-        show: false //刻度
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
       },
-      axisLine: {
-        show: false, //是否显示轴线
-        lineStyle: {
-          color: "#DADADA" //刻度线的颜色
+      xAxis: [{
+        type: "category",
+        data: xAxis_data,
+        axisLabel: {
+          color: "#5F6E82" //更改坐标轴文字颜色
+        },
+        axisTick: {
+          alignWithLabel: true
+        },
+        boundaryGap: true,
+        triggerEvent: true,
+        axisLine: {
+          show: true, //是否显示轴线
+          lineStyle: {
+            color: "#DADADA" //刻度线的颜色
+          }
         }
-      },
-      splitLine: {
-        //网格线
-        lineStyle: {
-          type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+      }],
+      yAxis: [{
+        type: "value",
+        axisTick: {
+          show: false //刻度
         },
-        show: true //隐藏或显示
-      },
-      axisLabel: {
-        color: "#5F6E82" //更改坐标轴文字颜色
-      }
-    }],
-    series: curseries
-  };
-  var myEcharts = echarts.init(document.querySelector(".section1 #excellencerateEcharts"));
-  myEcharts.clear();
-  myEcharts.setOption(option);
-}
+        axisLine: {
+          show: false, //是否显示轴线
+          lineStyle: {
+            color: "#DADADA" //刻度线的颜色
+          }
+        },
+        splitLine: {
+          //网格线
+          lineStyle: {
+            type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+          },
+          show: true //隐藏或显示
+        },
+        axisLabel: {
+          color: "#5F6E82" //更改坐标轴文字颜色
+        }
+      }],
+      series: curseries
+    };
+    var myEcharts = echarts.init(document.querySelector(".section1 #excellencerateEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
 
-function initExamnumEcharts() {
-  var itemStyle = {
-    normal: {
-      label: {
-        show: true, //开启显示数值
-        position: "top" //数值在上方显示
+  function initExamnumEcharts() {
+    var itemStyle = {
+      normal: {
+        label: {
+          show: true, //开启显示数值
+          position: "top" //数值在上方显示
+        }
       }
-    }
-  };
-  var xAxis_data = ["一般", "二班"]
-  var curlegend = ["实考人数", "缺考人数"];
-  var curseries = [{
+    };
+    var xAxis_data = ["一般", "二班"]
+    var curlegend = ["实考人数", "缺考人数"];
+    var curseries = [{
       name: "实考人数",
       type: "bar",
       barWidth: $.UnitUtil.mm2px(5),
@@ -279,175 +280,173 @@ function initExamnumEcharts() {
       data: [50, 60],
       itemStyle: itemStyle
     }
-  ];
-  var option = {
-    animation: false,
-    color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
-    title: {
-      text: "分",
-      x: "left",
-      y: "top",
-      textStyle: {
-        color: "#5F6E82",
-        fontSize: $.UnitUtil.mm2px(3),
-        fontWeight: 500
-      }
-    },
-    legend: {
-      itemWidth: $.UnitUtil.mm2px(2),
-      itemHeight: $.UnitUtil.mm2px(2),
-      top: "bottom",
-      data: curlegend
-    },
-    grid: {
-      top: $.UnitUtil.mm2px(10),
-      left: 0,
-      right: 0,
-      bottom: $.UnitUtil.mm2px(8),
-      containLabel: true,
-    },
-    xAxis: [{
-      type: "category",
-      data: xAxis_data,
-      axisLabel: {
-        color: "#5F6E82" //更改坐标轴文字颜色
+    ];
+    var option = {
+      animation: false,
+      color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
+      title: {
+        text: "分",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500
+        }
       },
-      axisTick: {
-        alignWithLabel: true
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: curlegend
       },
-      boundaryGap: true,
-      triggerEvent: true,
-      axisLine: {
-        show: true, //是否显示轴线
-        lineStyle: {
-          color: "#DADADA" //刻度线的颜色
-        }
-      }
-    }],
-    yAxis: [{
-      type: "value",
-      axisTick: {
-        show: false //刻度
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
       },
-      axisLine: {
-        show: false, //是否显示轴线
-        lineStyle: {
-          color: "#DADADA" //刻度线的颜色
+      xAxis: [{
+        type: "category",
+        data: xAxis_data,
+        axisLabel: {
+          color: "#5F6E82" //更改坐标轴文字颜色
+        },
+        axisTick: {
+          alignWithLabel: true
+        },
+        boundaryGap: true,
+        triggerEvent: true,
+        axisLine: {
+          show: true, //是否显示轴线
+          lineStyle: {
+            color: "#DADADA" //刻度线的颜色
+          }
         }
-      },
-      splitLine: {
-        //网格线
-        lineStyle: {
-          type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+      }],
+      yAxis: [{
+        type: "value",
+        axisTick: {
+          show: false //刻度
         },
-        show: true //隐藏或显示
-      },
-      axisLabel: {
-        color: "#5F6E82" //更改坐标轴文字颜色
-      }
-    }],
-    series: curseries
-  };
-  var myEcharts = echarts.init(document.querySelector(".section1 #examnumEcharts"));
-  myEcharts.clear();
-  myEcharts.setOption(option);
-}
+        axisLine: {
+          show: false, //是否显示轴线
+          lineStyle: {
+            color: "#DADADA" //刻度线的颜色
+          }
+        },
+        splitLine: {
+          //网格线
+          lineStyle: {
+            type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+          },
+          show: true //隐藏或显示
+        },
+        axisLabel: {
+          color: "#5F6E82" //更改坐标轴文字颜色
+        }
+      }],
+      series: curseries
+    };
+    var myEcharts = echarts.init(document.querySelector(".section1 #examnumEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
 
-function initbzcEcharts() {
-  var itemStyle = {
-    normal: {
-      label: {
-        show: true, //开启显示数值
-        position: "top" //数值在上方显示
-      }
-    }
-  };
-  var xAxis_data = ["一般", "二班"]
-  var curlegend = ["标准差"];
-  var curseries = [{
-    name: "标准差",
-    type: "bar",
-    barWidth: $.UnitUtil.mm2px(5),
-    // 柱状图最小高度
-    barMinHeight: $.UnitUtil.mm2px(2),
-    barGap: 0,
-    data: [60, 70],
-    itemStyle: itemStyle
-  }];
-  var option = {
-    animation: false,
-    color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
-    title: {
-      text: "分",
-      x: "left",
-      y: "top",
-      textStyle: {
-        color: "#5F6E82",
-        fontSize: $.UnitUtil.mm2px(3),
-        fontWeight: 500
+  function initbzcEcharts() {
+    var itemStyle = {
+      normal: {
+        label: {
+          show: true, //开启显示数值
+          position: "top" //数值在上方显示
+        }
       }
-    },
-    legend: {
-      itemWidth: $.UnitUtil.mm2px(2),
-      itemHeight: $.UnitUtil.mm2px(2),
-      top: "bottom",
-      data: curlegend
-    },
-    grid: {
-      top: $.UnitUtil.mm2px(10),
-      left: 0,
-      right: 0,
-      bottom: $.UnitUtil.mm2px(8),
-      containLabel: true,
-    },
-    xAxis: [{
-      type: "category",
-      data: xAxis_data,
-      axisLabel: {
-        color: "#5F6E82" //更改坐标轴文字颜色
+    };
+    var xAxis_data = ["一般", "二班"]
+    var curlegend = ["标准差"];
+    var curseries = [{
+      name: "标准差",
+      type: "bar",
+      barWidth: $.UnitUtil.mm2px(5),
+      // 柱状图最小高度
+      barMinHeight: $.UnitUtil.mm2px(2),
+      barGap: 0,
+      data: [60, 70],
+      itemStyle: itemStyle
+    }];
+    var option = {
+      animation: false,
+      color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
+      title: {
+        text: "分",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500
+        }
       },
-      axisTick: {
-        alignWithLabel: true
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: curlegend
       },
-      boundaryGap: true,
-      triggerEvent: true,
-      axisLine: {
-        show: true, //是否显示轴线
-        lineStyle: {
-          color: "#DADADA" //刻度线的颜色
-        }
-      }
-    }],
-    yAxis: [{
-      type: "value",
-      axisTick: {
-        show: false //刻度
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
       },
-      axisLine: {
-        show: false, //是否显示轴线
-        lineStyle: {
-          color: "#DADADA" //刻度线的颜色
+      xAxis: [{
+        type: "category",
+        data: xAxis_data,
+        axisLabel: {
+          color: "#5F6E82" //更改坐标轴文字颜色
+        },
+        axisTick: {
+          alignWithLabel: true
+        },
+        boundaryGap: true,
+        triggerEvent: true,
+        axisLine: {
+          show: true, //是否显示轴线
+          lineStyle: {
+            color: "#DADADA" //刻度线的颜色
+          }
         }
-      },
-      splitLine: {
-        //网格线
-        lineStyle: {
-          type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+      }],
+      yAxis: [{
+        type: "value",
+        axisTick: {
+          show: false //刻度
         },
-        show: true //隐藏或显示
-      },
-      axisLabel: {
-        color: "#5F6E82" //更改坐标轴文字颜色
-      }
-    }],
-    series: curseries
-  };
-  var myEcharts = echarts.init(document.querySelector(".section1 #bzcEcharts"));
-  myEcharts.clear();
-  myEcharts.setOption(option);
-}
-$(function () {
-  // outerHeight(true) 高度为 height+margin+padding+border
+        axisLine: {
+          show: false, //是否显示轴线
+          lineStyle: {
+            color: "#DADADA" //刻度线的颜色
+          }
+        },
+        splitLine: {
+          //网格线
+          lineStyle: {
+            type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
+          },
+          show: true //隐藏或显示
+        },
+        axisLabel: {
+          color: "#5F6E82" //更改坐标轴文字颜色
+        }
+      }],
+      series: curseries
+    };
+    var myEcharts = echarts.init(document.querySelector(".section1 #bzcEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
   var parameter = $(".section_1_html_root").data("page-params");
   console.log("section_1:parameter", parameter);
   initAverageScoreEcharts();

js/section_3.js

@@ -1,115 +1,114 @@
-function initSubjectBadEcharts() {
-  var xAxis_data = [
-    "语文",
-    "数学",
-    "英语",
-    "物理",
-    "地理",
-    "化学",
-    "道德与法治",
-    "历史",
-    "生物"
-  ];
-  var series_data = [12, 20, 15, 8, 7, 11, 13,  15, 8];
-  var option = {
-    animation: false,
-    title: {
-      text: "人",
-      x: "left",
-      y: "top",
-      textStyle: {
-        color: "#5F6E82",
-        fontSize: $.UnitUtil.mm2px(3),
-        fontWeight: 500,
-      },
-    },
-    color: ["#5C99FF"],
-    legend: {
-      itemWidth: $.UnitUtil.mm2px(2),
-      itemHeight: $.UnitUtil.mm2px(2),
-      top: "bottom",
-      data: ["违纪人数"],
-    },
-    grid: {
-      top: $.UnitUtil.mm2px(10),
-      left: 0,
-      right: 0,
-      bottom: $.UnitUtil.mm2px(8),
-      containLabel: true,
-    },
-    xAxis: [
-      {
-        type: "category",
-        data: xAxis_data,
-        axisLabel: {
-          color: "#5F6E82", //更改坐标轴文字颜色
-          interval: 0
-        },
-        axisTick: {
-          alignWithLabel: true,
-        },
-        boundaryGap: true,
-        triggerEvent: true,
-        axisLine: {
-          show: true, //是否显示轴线
-          lineStyle: {
-            color: "#DADADA", //刻度线的颜色
-          },
+$(function () {
+  function initSubjectBadEcharts() {
+    var xAxis_data = [
+      "语文",
+      "数学",
+      "英语",
+      "物理",
+      "地理",
+      "化学",
+      "道德与法治",
+      "历史",
+      "生物"
+    ];
+    var series_data = [12, 20, 15, 8, 7, 11, 13, 15, 8];
+    var option = {
+      animation: false,
+      title: {
+        text: "人",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500,
         },
       },
-    ],
-    yAxis: [
-      {
-        type: "value",
-        axisTick: {
-          show: false, //刻度
-        },
-        axisLine: {
-          show: false, //是否显示轴线
-          lineStyle: {
-            color: "#DADADA", //刻度线的颜色
+      color: ["#5C99FF"],
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: ["违纪人数"],
+      },
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
+      },
+      xAxis: [
+        {
+          type: "category",
+          data: xAxis_data,
+          axisLabel: {
+            color: "#5F6E82", //更改坐标轴文字颜色
+            interval: 0
           },
-        },
-        splitLine: {
-          //网格线
-          lineStyle: {
-            type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
+          axisTick: {
+            alignWithLabel: true,
+          },
+          boundaryGap: true,
+          triggerEvent: true,
+          axisLine: {
+            show: true, //是否显示轴线
+            lineStyle: {
+              color: "#DADADA", //刻度线的颜色
+            },
           },
-          show: true, //隐藏或显示
         },
-        axisLabel: {
-          color: "#5F6E82", //更改坐标轴文字颜色
+      ],
+      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: "违纪人数",
-        type: "bar",
-        barWidth: $.UnitUtil.mm2px(5),
-        // 柱状图最小高度
-        barMinHeight: $.UnitUtil.mm2px(2),
-        barGap: 0,
-        label: {
-          normal: {
-            show: true,
-            align: "center",
-            verticalAlign: "bottom",
-            position: "top",
-            distance: 0,
-            formatter: "{c}",
+      ],
+      series: [
+        {
+          name: "违纪人数",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
           },
+          data: series_data,
         },
-        data: series_data,
-      },
-    ],
-  };
-  var myEcharts = echarts.init(document.querySelector(".section_3 #subjectBadEcharts"));
-  myEcharts.clear();
-  myEcharts.setOption(option);
-}
-$(function () {
-  // outerHeight(true) 高度为 height+margin+padding+border
+      ],
+    };
+    var myEcharts = echarts.init(document.querySelector(".section_3 #subjectBadEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
   var parameter = $(".section_3_html_root").data("page-params");
   console.log("section_3:parameter", parameter);
 

js/section_4.js

@@ -1,115 +1,114 @@
-function initSubjectGoodEcharts() {
-  var xAxis_data = [
-    "语文",
-    "数学",
-    "英语",
-    "物理",
-    "地理",
-    "化学",
-    "道德与法治",
-    "历史",
-    "生物"
-  ];
-  var series_data = [12, 20, 15, 8, 7, 11, 13,  15, 8];
-  var option = {
-    animation: false,
-    title: {
-      text: "人",
-      x: "left",
-      y: "top",
-      textStyle: {
-        color: "#5F6E82",
-        fontSize: $.UnitUtil.mm2px(3),
-        fontWeight: 500,
-      },
-    },
-    color: ["#5C99FF"],
-    legend: {
-      itemWidth: $.UnitUtil.mm2px(2),
-      itemHeight: $.UnitUtil.mm2px(2),
-      top: "bottom",
-      data: ["违纪人数"],
-    },
-    grid: {
-      top: $.UnitUtil.mm2px(10),
-      left: 0,
-      right: 0,
-      bottom: $.UnitUtil.mm2px(8),
-      containLabel: true,
-    },
-    xAxis: [
-      {
-        type: "category",
-        data: xAxis_data,
-        axisLabel: {
-          color: "#5F6E82", //更改坐标轴文字颜色
-          interval: 0
-        },
-        axisTick: {
-          alignWithLabel: true,
-        },
-        boundaryGap: true,
-        triggerEvent: true,
-        axisLine: {
-          show: true, //是否显示轴线
-          lineStyle: {
-            color: "#DADADA", //刻度线的颜色
-          },
+$(function () {
+  function initSubjectGoodEcharts() {
+    var xAxis_data = [
+      "语文",
+      "数学",
+      "英语",
+      "物理",
+      "地理",
+      "化学",
+      "道德与法治",
+      "历史",
+      "生物"
+    ];
+    var series_data = [12, 20, 15, 8, 7, 11, 13, 15, 8];
+    var option = {
+      animation: false,
+      title: {
+        text: "人",
+        x: "left",
+        y: "top",
+        textStyle: {
+          color: "#5F6E82",
+          fontSize: $.UnitUtil.mm2px(3),
+          fontWeight: 500,
         },
       },
-    ],
-    yAxis: [
-      {
-        type: "value",
-        axisTick: {
-          show: false, //刻度
-        },
-        axisLine: {
-          show: false, //是否显示轴线
-          lineStyle: {
-            color: "#DADADA", //刻度线的颜色
+      color: ["#5C99FF"],
+      legend: {
+        itemWidth: $.UnitUtil.mm2px(2),
+        itemHeight: $.UnitUtil.mm2px(2),
+        top: "bottom",
+        data: ["违纪人数"],
+      },
+      grid: {
+        top: $.UnitUtil.mm2px(10),
+        left: 0,
+        right: 0,
+        bottom: $.UnitUtil.mm2px(8),
+        containLabel: true,
+      },
+      xAxis: [
+        {
+          type: "category",
+          data: xAxis_data,
+          axisLabel: {
+            color: "#5F6E82", //更改坐标轴文字颜色
+            interval: 0
           },
-        },
-        splitLine: {
-          //网格线
-          lineStyle: {
-            type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
+          axisTick: {
+            alignWithLabel: true,
+          },
+          boundaryGap: true,
+          triggerEvent: true,
+          axisLine: {
+            show: true, //是否显示轴线
+            lineStyle: {
+              color: "#DADADA", //刻度线的颜色
+            },
           },
-          show: true, //隐藏或显示
         },
-        axisLabel: {
-          color: "#5F6E82", //更改坐标轴文字颜色
+      ],
+      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: "违纪人数",
-        type: "bar",
-        barWidth: $.UnitUtil.mm2px(5),
-        // 柱状图最小高度
-        barMinHeight: $.UnitUtil.mm2px(2),
-        barGap: 0,
-        label: {
-          normal: {
-            show: true,
-            align: "center",
-            verticalAlign: "bottom",
-            position: "top",
-            distance: 0,
-            formatter: "{c}",
+      ],
+      series: [
+        {
+          name: "违纪人数",
+          type: "bar",
+          barWidth: $.UnitUtil.mm2px(5),
+          // 柱状图最小高度
+          barMinHeight: $.UnitUtil.mm2px(2),
+          barGap: 0,
+          label: {
+            normal: {
+              show: true,
+              align: "center",
+              verticalAlign: "bottom",
+              position: "top",
+              distance: 0,
+              formatter: "{c}",
+            },
           },
+          data: series_data,
         },
-        data: series_data,
-      },
-    ],
-  };
-  var myEcharts = echarts.init(document.querySelector(".section_4 #subjectGoodEcharts"));
-  myEcharts.clear();
-  myEcharts.setOption(option);
-}
-$(function() {
-  // outerHeight(true) 高度为 height+margin+padding+border
+      ],
+    };
+    var myEcharts = echarts.init(document.querySelector(".section_4 #subjectGoodEcharts"));
+    myEcharts.clear();
+    myEcharts.setOption(option);
+  }
   var parameter = $(".section_4_html_root").data("page-params");
   console.log("section_4:parameter", parameter);
 

sections/scoreAnalysis/section_2_class_single.html

@@ -5,9 +5,124 @@
   <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_class_single.css">
 </head>
 <body>
-  <div class="page_root"></div>
+  <div class="page_root section_2_class_single">
+    <h3 class="section_title_3">1.2 语文成绩对比</h3>
+    <h4 class="section_title_4">1.2.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>
+    </div>
+    <h4 class="section_title_4">1.2.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="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>
+    </div>
+  </div>
+  <div class="page_root section_2_class_single">
+    <h4 class="section_title_4">1.2.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="bg_5699FF"></span>实考人数最多的班级：八年级一班、八年级二班、八年级三班</div>
+        <div><span class="bg_FF5F56"></span>缺考人数最多的班级：八年级四班</div>
+      </div>
+    </div>
+    <h4 class="section_title_4">1.2.4 各班标准差对比分析</h4>
+    <div id="classStdEcharts" style="margin: 0 4mm 4mm;height: 63mm;"></div>
+  </div>
+  <div class="page_root section_2_class_single">
+    <h4 class="section_title_4">1.2.5 班级语文整体分析</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>
+        <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>
+    </table>
+  </div>
   <script src="../../js/scoreAnalysis/section_2_class_single.js"></script>
 </body>
 </html>

sections/section_1.html

@@ -113,17 +113,17 @@
         <thead>
           <tr>
             <th>科目</th>
-            <th>实考人数</th>
-            <th>缺考人数</th>
-            <th>满分</th>
-            <th>最高分</th>
-            <th>最低分</th>
-            <th>平均分</th>
-            <th>优秀率</th>
-            <th>良好率</th>
-            <th>及格率</th>
-            <th>低分率</th>
-            <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>

sections/section_3.html

@@ -29,11 +29,11 @@
       <thead>
         <tr>
           <th rowspan="2">班级</th>
-          <th colspan="2">语文</th>
-          <th colspan="2">数学</th>
-          <th colspan="2">英语</th>
-          <th colspan="2">物理</th>
-          <th colspan="2">地理</th>
+          <th colspan="2" class="w29mm">语文</th>
+          <th colspan="2" class="w29mm">数学</th>
+          <th colspan="2" class="w29mm">英语</th>
+          <th colspan="2" class="w29mm">物理</th>
+          <th colspan="2" class="w29mm">地理</th>
         </tr>
         <tr>
           <th>人数</th>

sections/section_4.html

@@ -29,11 +29,11 @@
       <thead>
         <tr>
           <th rowspan="2">班级</th>
-          <th colspan="2">语文</th>
-          <th colspan="2">数学</th>
-          <th colspan="2">英语</th>
-          <th colspan="2">物理</th>
-          <th colspan="2">地理</th>
+          <th colspan="2" class="w29mm">语文</th>
+          <th colspan="2" class="w29mm">数学</th>
+          <th colspan="2" class="w29mm">英语</th>
+          <th colspan="2" class="w29mm">物理</th>
+          <th colspan="2" class="w29mm">地理</th>
         </tr>
         <tr>
           <th>人数</th>