修改

src/views/home/operatingProfitComponents/operatingTopBar.vue

@@ -21,20 +21,22 @@ export default {
   },
   computed: {
     currentDataSource() {
-      console.log('yyyy',this.chartData);
+      console.log('yyyy', this.chartData);
 
-      return this.activeButton === 0 ? this.chartData.sales : this.chartData.grossMargin;
+      return this.chartData
     },
     locations() {
-      console.log('this.chartData', this.chartData);
+      console.log('this.1111', this.chartData);
 
-      return this.activeButton === 0 ? this.chartData.salesLocations : this.chartData.grossMarginLocations;
+      return this.chartData.locations
     },
     // 根据按钮切换生成对应的 chartData
     chartD() {
       // 销量场景数据
       const data = this.currentDataSource;
-      console.log(this.currentDataSource,'currentDataSource');
+      const diff = data.diff[0]
+      const rate = data.rate[0]
+      console.log(this.currentDataSource, 'currentDataSource');
 
       const salesData = {
         allPlaceNames: this.locations,
@@ -73,12 +75,15 @@ export default {
             label: {
               show: true,
               position: 'top',
-              offset: [0, 0],
+              offset: [-30, 0],
               // 固定label尺寸：68px×20px
               width: 68,
               height: 20,
               // 关键：去掉换行，让文字在一行显示，适配小尺寸
-              formatter: '{value|完成率}{rate|139%}',
+              formatter: (params) => {
+                // const { rate = 0, diff = 0 } = params.data || {};
+                return `{value|完成率}{rate|${rate}%}`;
+              },
               // 核心样式：匹配CSS需求
               backgroundColor: {
                 type: 'linear',
@@ -149,12 +154,15 @@ export default {
             label: {
               show: true,
               position: 'top',
-              offset: [0, 0],
+              offset: [30, 0],
               // 固定label尺寸：68px×20px
               width: 68,
               height: 20,
               // 关键：去掉换行，让文字在一行显示，适配小尺寸
-              formatter: '{rate|139%}{text|差值}',
+              formatter: (params) => {
+                // const { rate = 0, diff = 0 } = params.data || {};
+                return `{rate|${diff}}{text|差值}`;
+              },
               // 核心样式：匹配CSS需求
               backgroundColor: {
                 type: 'linear',