调整echarts

src/pages/view/homeSchool/ChengJiFenXi.vue

@@ -37,7 +37,11 @@
           <CjBjTjGl :tjgl-data="tjglData" />
 
           <!-- 6. 本班与年级平均分对比分析图表 -->
-          <CjBjNjPjf v-model:selected-km-id="xzkmId" :bj-pj-list="bjPjList" />
+          <CjBjNjPjf
+            v-model:selected-km-id="xzkmId"
+            :bj-pj-list="bjPjList"
+            :current-bj-id="xzbjId"
+          />
 
           <!-- 7. 总分分数段图表 -->
           <CjZfFs :dj-rs-list="djRsList" />

src/pages/view/homeSchool/components/CjBjNjPjf.vue

@@ -35,10 +35,12 @@ interface BjPjInfo {
 // --- Props ---
 interface Props {
   bjPjList?: BjPjInfo[];
+  currentBjId?: string | number;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   bjPjList: () => [],
+  currentBjId: "",
 });
 
 // --- Emits ---
@@ -73,13 +75,22 @@ const drawLineChart = () => {
 
             // 使用后端返回的班级平均分数据
             const lineData = {
-              categories: props.bjPjList.map(
-                (bj) => bj.bjmc || bj.njmc + bj.bjmc
-              ),
+              categories: props.bjPjList.map((bj) => {
+                const label = bj.bjmc || bj.njmc + bj.bjmc;
+                return label;
+              }),
               series: [
                 {
                   name: "班级平均分",
                   data: props.bjPjList.map((bj) => bj.fs),
+                  color: ["#ea7ccc"],
+                  textColorFormatter: (item: any, index: number, opts: any) => {
+                    const bj = props.bjPjList[index];
+                    if (bj && bj.bjId === props.currentBjId) {
+                      return "#1890ff"; // 当前班级标签使用蓝色
+                    }
+                    return "#666666"; // 其他班级标签使用灰色
+                  },
                 },
               ],
             };
@@ -118,6 +129,35 @@ const drawLineChart = () => {
             newOption.categories = lineData.categories;
             newOption.series = lineData.series;
 
+            // 设置x轴标签颜色格式化函数
+            newOption.xAxis.labelColorFormatter = (
+              item: string,
+              index: number,
+              opts: any
+            ) => {
+              const bj = props.bjPjList[index];
+              if (bj && bj.bjId === props.currentBjId) {
+                return "#1890ff"; // 当前班级标签使用蓝色
+              }
+              return "#666666"; // 其他班级标签使用灰色
+            };
+
+            // 设置数据标签颜色格式化函数，与x轴标签颜色保持一致
+            newOption.dataLabelColorFormatter = (
+              item: any,
+              index: number,
+              opts: any
+            ) => {
+              const bj = props.bjPjList[index];
+              if (bj && bj.bjId === props.currentBjId) {
+                return "#1890ff"; // 当前班级数据标签使用蓝色
+              }
+              return "#666666"; // 其他班级数据标签使用灰色
+            };
+
+            // 设置全局颜色数组
+            newOption.color = ["#000000"]; // 线条颜色为黑色
+
             const options = new uCharts(newOption);
 
             try {

src/pages/view/homeSchool/components/cj.data.ts

@@ -250,14 +250,14 @@ export const lineOption = {
   rotateLock: false,
   background: "#FFFFFF",
   color: [
-    "#1890FF",
-    "#91CB74",
-    "#FAC858",
-    "#EE6666",
-    "#73C0DE",
-    "#3CA272",
-    "#FC8452",
-    "#9A60B4",
+    // "#1890FF",
+    // "#91CB74",
+    // "#FAC858",
+    // "#EE6666",
+    // "#73C0DE",
+    // "#3CA272",
+    // "#FC8452",
+    // "#9A60B4",
     "#ea7ccc",
   ],
   padding: [15, 10, 0, 15],