修改

src/views/home/components/coresBar.vue

@@ -12,9 +12,16 @@ export default {
   props: {
     chartSeries: {
       type: Array,
-      required: true,
       default: () => [] // 默认空数组，避免报错
-    }
+    },
+    xAxisData: {
+      type: Array,
+      default: () => [] // 默认空数组，避免报错
+    },
+    dateData: {
+      type: Object,
+      default: () => {} // 默认空数组，避免报错
+    },
   },
   data() {
     return {
@@ -61,6 +68,7 @@ export default {
     // 单独提取更新图表的方法，方便复用
     updateChart() {
       if (!this.myChart) return;
+      console.log('this.chartSeries', this.chartSeries,this.xAxisData);
 
       const option = {
         tooltip: {
@@ -85,10 +93,28 @@ export default {
               color: 'rgba(0, 0, 0, 0.45)',
               fontSize: 12,
               interval: 0,
-              width: 38,
-              overflow: 'break'
+              // width: 38,
+              overflow: 'break',
+              formatter: (value) => {
+                const dateParts = value.split('-'); // ["2025", "07", "01"]
+                if (dateParts.length < 2) return value; // 处理异常格式
+
+                switch (this.dateData.mode) {
+                  case 1: // 日模式，显示“月-日”
+                    // 确保有日的部分
+                    return dateParts.length >= 3
+                      ? `${dateParts[1]}月${dateParts[2]}日`
+                      : `${dateParts[1]}月`; //  fallback
+                  case 2: // 月模式，显示“月”
+                    return `${dateParts[1]}月`;
+                  case 3: // 年模式，显示“年”
+                    return `${dateParts[0]}年`;
+                  default: // 默认月模式
+                    return `${dateParts[1]}月`;
+                }
+              }
             },
-            data: ['6月', '7月', '8月', '9月', '10月', '11月']
+            data: this.xAxisData
           }
         ],
         yAxis: {