schoolReportPDF/js/scoreAnalysis/section_2_level.js

//各班等级分析
function initclassLevelEcharts(){
    var xAxis_data = [
        "全年级",
        "八年级一班",
        "八年级二班",
        "八年级三班",
        "八年级四班"
      ];
      var series_full_data = [12, 20, 15, 8, 7];
      var series_max_data = [12, 20, 15, 8, 7];
      var series_min_data = [12, 20, 15, 8, 7];
      var series_avg_data = [12, 20, 15, 8, 7];
      var series_data =[]
      var option = {
        color: ["#5C99FF", "#ff5f56", "#5EC5C8", "#f1982b", "#6e5eff"],
        animation: false,
        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: ["A类","B类","C类","D类","E类"],
        },
        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: series_data
      };
      var myEcharts = echarts.init(document.querySelector(".section_2_level #classLevelEcharts"));
      myEcharts.clear();
      myEcharts.setOption(option);
}

$(function () {
    initclassLevelEcharts();
  });