按批次页面优化

src/views/cet/cet-ana-2.vue

@@ -209,11 +209,18 @@
         }
         console.log(result.data, 'result');
 
+        let titleText = major ? `${college} / ${major}专业 最新批次通过人数饼图` : `${college} 最新批次通过人数饼图`;
+
         // 使用 API 返回的数据填充饼图
-        let chartData = result.data.map((item) => ({
+        let chartData = [];
-          name: item.entryDate + '级',
+
-          value: item.passRate,
+        for (let key in result.data) {
-        }));
+          chartData.push({
+            name: key + '级',
+            value: result.data[key].passRate,
+          });
+        }
+        console.log(chartData, '123');
         let option = {
           tooltip: {
             trigger: 'item',
@@ -237,7 +244,7 @@
             },
           },
           legend: {
-            top: '5%',
+            top: '15%',
             left: 'center',
             // orient: 'vertical',
             itemGap: 3,
@@ -258,7 +265,7 @@
           color: ['#b3cde0', '#6497b1', '#005b96', '#03396c', '#e5e5e5'],
           series: [
             {
-              name: college + '/' + major + '该批次通过人数饼图',
+              name: titleText,
               type: 'pie',
               radius: ['50%', '100%'],
               center: ['50%', '50%'],
@@ -353,6 +360,7 @@
         let xData = result.data.map((item) => item.entryDate); // 用于 X 轴
         let values = result.data.map((item) => item.passRate); // 用于柱状图的数据
         console.log(xData, values, 'xData values');
+        let titleText = major ? `${college} / ${major}专业 每个年级的通过率柱状图` : `${college} 每个年级的通过率柱状图`;
         let option = {
           grid: {
             left: '15%', // 调整左边距，向右移动
@@ -368,7 +376,7 @@
             },
           },
           title: {
-            text: college + '/' + '每个年级的通过率柱状图',
+            text: titleText,
             left: 'left',
             top: '0%',
             textStyle: {
@@ -401,68 +409,6 @@
             },
           ],
         };
-
-        //let option = {
-        //  tooltip: {
-        //    trigger: 'item',
-        //    conginee: false,
-        //    //字体大小
-        //    itemStytle: {
-        //      fontSize: 100,
-        //    },
-        //  },
-        //  title: {
-        //    text: '学院/专业每个年级的通过率柱状图',
-        //    left: 'left',
-        //    top: '0%',
-        //    textStyle: {
-        //      fontSize: 14,
-        //    },
-        //  },
-        //  legend: {
-        //    top: '5%',
-        //    left: 'center',
-        //  },
-        //  color: ['#b3cde0', '#6497b1', '#005b96', '#03396c', '#e5e5e5'],
-
-        //  series: [
-        //    {
-        //      name: '学院/专业每个批次通过人数饼图',
-        //      type: 'pie',
-        //      radius: ['0', '100%'],
-        //      top: 80,
-        //      itemStyle: {
-        //        borderRadius: 5,
-        //        borderColor: '#fff',
-        //        borderWideth: 2,
-        //      },
-        //      label: {
-        //        show: true,
-        //        fontSize: 14,
-        //        overflow: 'truncate',
-        //      },
-        //      emphasis: {
-        //        itemStyle: {
-        //          shadowBlur: 10,
-        //          shadowOffsetX: 0,
-        //          shadowColor: 'rgba(0, 0, 0, 0.5)',
-        //        },
-        //        label: {
-        //          show: true,
-        //          fontSize: 15,
-        //          fontWeight: 'bold',
-        //        },
-        //      },
-        //      data: [
-        //        { value: 1048, name: '计算机' },
-        //        { value: 735, name: '东语' },
-        //        { value: 580, name: '物理' },
-        //        { value: 484, name: '大数据' },
-        //        { value: 300, name: '树莓' },
-        //      ],
-        //    },
-        //  ],
-        //};
         myChart.setOption(option);
       },