修改

src/views/home/costComponents/totalProfitBar.vue

@@ -10,6 +10,36 @@ export default {
   data() {
     return {};
   },
+  props: {
+    seriesData: {
+      type: Array,
+      default: () => []
+    },
+    xData: {
+      type: Array,
+      default: () => []
+    },
+    name: {
+      type: String,
+      default: () => { }
+    },
+  },
+  watch: {
+    // 监听 xData 变化，触发图表更新
+    xData: {
+      handler() {
+        this.$nextTick(() => this.initData());
+      },
+      deep: true // 深度监听数组内元素变化
+    },
+    // 监听 seriesData 变化，触发图表更新
+    seriesData: {
+      handler() {
+        this.$nextTick(() => this.initData());
+      },
+      deep: true // 深度监听数组内元素变化
+    }
+  },
   mounted() {
     this.$nextTick(() => {
       this.initData();
@@ -37,7 +67,7 @@ export default {
             let html = `${params[0].axisValue}<br/>`;
             params.forEach(item => {
               // 直接使用系列名，无需映射，仅保留单位判断
-              html += `${item.marker} ${item.seriesName}: ${item.value}${item.seriesName === '完成率' ? '%' : '片'}<br/>`;
+              html += `${item.marker} ${item.seriesName}: ${item.value}${'元'}<br/>`;
             });
             return html;
           }
@@ -63,7 +93,7 @@ export default {
               interval: 0,
               padding: [5, 0, 0, 0] // 标签向下偏移，避免与柱子底部重叠
             },
-            data: ['漳州', '桐城', '合肥', '宜兴', '自贡', '洛阳']
+            data: this.xData // 绑定监听的 xData
           }
         ],
         yAxis: [
@@ -140,11 +170,25 @@ export default {
           // },
           // 2. 目标：柱状图（绑定左侧数量Y轴）
           {
-            name: '销量',
+            name:this.name,
             type: 'bar',
             yAxisIndex: 0,
             barWidth: 24,
-            // 关键修复：label 直接放在 series 下，而非 itemStyle 内
+            label: {
+              show: true, // 开启显示
+              position: 'top', // 标签位置，可选：'top'、'middle'、'bottom'
+              // 也可以使用绝对像素值定位，例如 [10, '50%']
+              // position: [10, '50%'],
+
+              // 标签内容格式化，这里直接显示数据值
+              formatter: '{c}',
+
+              // 文字样式
+              color: 'rgba(11, 88, 255, 1)', // 文字颜色
+              fontSize: 14, // 文字大小
+              // fontWeight: 'bold', // 文字粗细
+              // fontFamily: 'Arial, sans-serif' // 字体
+            },
             itemStyle: {
               // 移除多余的 normal 层级，直接配置 color 渐变
               color: {
@@ -161,7 +205,7 @@ export default {
               borderRadius: [4, 4, 0, 0],
               borderWidth: 0
             },
-            data: [200, 280, 180, 300, 220, 350]
+            data: this.seriesData
           },
           // 3. 达标：柱状图（绑定左侧数量Y轴）
           // {