达标函数删除，图表label置于最顶层

src/views/home/salesVolumeAnalysisComponents/dataTrendBarDouble.vue

@@ -189,74 +189,7 @@ export default {
             yAxisIndex: 0,
             barWidth: 14,
             label: {
-              show: true,
-              position: 'top',
-              offset: [0, 0],
-              // 固定label尺寸：68px×20px
-              width: 68,
-              height: 20,
-              // 关键：去掉换行，让文字在一行显示，适配小尺寸
-              formatter: (params) => {
-                // const diff = data.diff || [];
-                // const flags = data.flags || [];
-                const currentDiff = diffs[params.dataIndex] || 0;
-                const currentFlag = flags[params.dataIndex] || 0;
-
-                const prefix = currentFlag === 1 ? '+' : '-';
-
-                // 根据标志位选择不同的样式类
-                if (currentFlag === 1) {
-                  // 达标 - 使用 rate-achieved 样式
-                  return `{achieved|${currentDiff}}{text|差值}`;
-                } else {
-                  // 未达标 - 使用 rate-unachieved 样式
-                  return `{unachieved|${currentDiff}}{text|差值}`;
-                }
-              },
-              backgroundColor: {
-                type: 'linear',
-                x: 0, y: 0, x2: 0, y2: 1,
-                colorStops: [
-                  { offset: 0, color: 'rgba(205, 215, 224, 0.6)' },
-                  { offset: 0.2, color: '#ffffff' },
-                  { offset: 1, color: '#ffffff' }
-                ]
-              },
-              shadowColor: 'rgba(191,203,215,0.5)',
-              shadowBlur: 2,
-              shadowOffsetX: 0,
-              shadowOffsetY: 2,
-              borderRadius: 4,
-              borderColor: '#BFCBD577',
-              borderWidth: 0,
-              lineHeight: 20,
-              rich: {
-                text: {
-                  width: 'auto',
-                  padding: [5, 10, 5, 0],
-                  align: 'center',
-                  color: '#464646',
-                  fontSize: 11,
-                  lineHeight: 20
-                },
-                achieved: {
-                  width: 'auto',
-                  padding: [5, 0, 5, 10],
-                  align: 'center',
-                  color: '#76DABE', // 与达标的 offset: 1 颜色一致
-                  fontSize: 11,
-                  lineHeight: 20
-                },
-                // 未达标样式
-                unachieved: {
-                  width: 'auto',
-                  padding: [5, 0, 5, 10],
-                  align: 'center',
-                  color: '#F9A44A', // 与未达标的 offset: 1 颜色一致
-                  fontSize: 11,
-                  lineHeight: 20
-                }
-              }
+              show: false // 关闭原有 label，由独立 scatter 系列承载
             },
             itemStyle: {
               color: (params) => {
@@ -283,6 +216,77 @@ export default {
               borderWidth: 0
             },
             data: reals, // 动态实际值
+          },
+          // 4. 独立 Label 系列（scatter，zlevel 最高，确保 label 在最上层）
+          {
+            name: '__实际差值标签',
+            type: 'scatter',
+            yAxisIndex: 0,
+            zlevel: 1, // 最高层级，确保 label 在折线和柱状图之上
+            symbolSize: 0, // 不显示散点
+            tooltip: { show: false }, // 不在 tooltip 中显示
+            data: reals.map((value, index) => ({
+              value: value,
+              label: {
+                show: true,
+                position: 'top',
+                offset: [0, 0],
+                width: 68,
+                height: 20,
+                formatter: () => {
+                  const currentDiff = diffs[index] || 0;
+                  const currentFlag = flags[index] || 0;
+                  if (currentFlag === 1) {
+                    return `{achieved|${currentDiff}}{text|差值}`;
+                  } else {
+                    return `{unachieved|${currentDiff}}{text|差值}`;
+                  }
+                },
+                backgroundColor: {
+                  type: 'linear',
+                  x: 0, y: 0, x2: 0, y2: 1,
+                  colorStops: [
+                    { offset: 0, color: 'rgba(205, 215, 224, 0.6)' },
+                    { offset: 0.2, color: '#ffffff' },
+                    { offset: 1, color: '#ffffff' }
+                  ]
+                },
+                shadowColor: 'rgba(191,203,215,0.5)',
+                shadowBlur: 2,
+                shadowOffsetX: 0,
+                shadowOffsetY: 2,
+                borderRadius: 4,
+                borderColor: '#BFCBD577',
+                borderWidth: 0,
+                lineHeight: 20,
+                rich: {
+                  text: {
+                    width: 'auto',
+                    padding: [5, 10, 5, 0],
+                    align: 'center',
+                    color: '#464646',
+                    fontSize: 11,
+                    lineHeight: 20
+                  },
+                  achieved: {
+                    width: 'auto',
+                    padding: [5, 0, 5, 10],
+                    align: 'center',
+                    color: '#76DABE',
+                    fontSize: 11,
+                    lineHeight: 20
+                  },
+                  unachieved: {
+                    width: 'auto',
+                    padding: [5, 0, 5, 10],
+                    align: 'center',
+                    color: '#F9A44A',
+                    fontSize: 11,
+                    lineHeight: 20
+                  }
+                }
+              }
+            }))
           }
         ]
       };