修改集团及基地图表样式

src/views/home/expenseAnalysisComponents/operatingTopBar.vue

@@ -73,65 +73,9 @@ export default {
             yAxisIndex: 0, // 左侧Y轴（万元）
             label: {
               show: true,
-              position: 'top',
-              offset: [-30, 0],
-              // 固定label尺寸：68px×20px
-              width: 68,
-              height: 20,
-              // 关键：去掉换行，让文字在一行显示，适配小尺寸
-              formatter: (params) => {
-                // const { rate = 0, diff = 0 } = params.data || {};
-                return `{value|完成率}{rate|${rate}%}`;
-              },
-              // formatter: `{value|完成率}{rate|${rate}%}`,
-              // 核心样式：匹配CSS需求
-              backgroundColor: {
-                type: 'linear',
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  { offset: 0, color: 'rgba(205, 215, 224, 0.6)' }, // 顶部0px位置：阴影最强
-                  // { offset: 0.1, color: 'rgba(205, 215, 224, 0.4)' }, // 1px位置：阴影减弱（对应1px）
-                  // { offset: 0.15, color: 'rgba(205, 215, 224, 0.6)' }, // 3px位置：阴影几乎消失（对应3px扩散）
-                  { offset: 0.2, color: '#ffffff' }, // 主体白色
-                  { offset: 1, color: '#ffffff' }
-                ]
-              },
-              // 外阴影：0px 2px 2px 0px rgba(191,203,215,0.5)
-              shadowColor: 'rgba(191,203,215,0.5)',
-              shadowBlur: 2,
-              shadowOffsetX: 0,
-              shadowOffsetY: 2,
-              // 圆角：4px
-              borderRadius: 4,
-              // 移除边框
-              borderColor: '#BFCBD577',
-              borderWidth: 0,
-              // 文字垂直居中（针对富文本）
-              lineHeight: 20,
-              rich: {
-                value: {
-                  // 缩小宽度和内边距，适配68px容器
-                  width: 'auto', // 自动宽度，替代固定40px
-                  padding: [5, 0, 5, 10], // 缩小内边距
-                  align: 'center',
-                  color: '#464646', // 文字灰色
-                  fontSize: 11, // 缩小字体，适配小尺寸
-                  lineHeight: 20 // 垂直居中
-                },
-                rate: {
-                  width: 'auto',
-                  padding: [5, 10, 5, 0],
-                  align: 'center',
-                  color: '#0B58FF', // 数字蓝色
-                  fontSize: 11,
-                  lineHeight: 20
-                }
-              }
+              position: 'top'
             },
-            barWidth: 14,
+            barWidth: 65,
             itemStyle: {
               color: {
                 type: 'linear',
@@ -153,73 +97,9 @@ export default {
             yAxisIndex: 0,
             label: {
               show: true,
-              position: 'top',
-              offset: [30, 0],
-              // 固定label尺寸：68px×20px
-              width: 68,
-              height: 20,
-              // 关键：去掉换行，让文字在一行显示，适配小尺寸
-              formatter: (params) => {
-
-                // const flags = flags || [];
-                const currentDiff = diff || 0;
-                const currentFlag = data.flags[0] || 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
-                }
-              }
+              position: 'top'
             },
-            barWidth: 14,
+            barWidth: 65,
             itemStyle: {
               color: (params) => {
                 // 达标状态：1=达标（绿色），0=未达标（橙色）