修改样式

src/views/controlPlatform/control.vue

@@ -512,12 +512,9 @@ export default {
           x: 'center',
           y: 'bottom',
           data: ['通过数', '未通过数'],
-          // 图例之间的间距
           itemGap: 20,
-          // 图标高度
           itemHeight: 12,
           textStyle: {
-            // 字体大小
             fontSize: 13
           }
         },
@@ -528,16 +525,28 @@ export default {
         yAxis: {
           type: 'value'
         },
-        series: [{
-          name: '通过数',
-          data: this.commitLists.map(item => item.data),
-          type: 'line'
-        },
-        {
-          name: '未通过数',
-          data: this.passLists.map(item => item.data),
-          type: 'line'
-        }]
+        series: [
+          {
+            name: '通过数',
+            data: this.commitLists.map(item => item.data),
+            type: 'line',
+            label: {
+              show: true, // 显示标签
+              position: 'top', // 标签位置
+              formatter: '{c}' // 显示数据值
+            }
+          },
+          {
+            name: '未通过数',
+            data: this.passLists.map(item => item.data),
+            type: 'line',
+            label: {
+              show: true, // 显示标签
+              position: 'top', // 标签位置
+              formatter: '{c}' // 显示数据值
+            }
+          }
+        ]
       }
       myChartRegistrationTime.setOption(optionRegistrationTime)
     },
@@ -555,7 +564,7 @@ export default {
       const myChartAverage = echarts.init(document.getElementById('dataCharts_leaveMessage'))
       const optionAverage = {
         tooltip: {
-          trigger: 'item' // 设置为 'item' 以便每个点都能触发提示框
+          show: false // 关闭提示框
         },
         legend: {
           left: 'center',
@@ -576,7 +585,7 @@ export default {
           name: {
             textStyle: {
               color: '#333',
-              fontSize: '14px'
+              fontSize: '12px'
             }
           }
         },
@@ -587,6 +596,14 @@ export default {
             color: 'rgba(69, 188, 243, 0.8)', // 蓝色填充，带透明度
             opacity: 0.8 // 也可以直接设置opacity属性来控制透明度
           },
+          label: {
+            show: true, // 显示标签
+            formatter: function(params) {
+              return params.value // 在端点处显示数值
+            },
+            color: '#333', // 标签文字颜色
+            fontSize: 12 // 标签文字大小
+          },
           data: [ // 只有一个系列，因此只需要一个数据项
             {
               value: activityData.map(item => item.value), // 仅传递数值
@@ -613,9 +630,6 @@ export default {
 
       // 配置项
       const optionEnter = {
-        tooltip: {
-          trigger: 'item'
-        },
         color: colors, // 提供颜色数组
         legend: {
           left: 'center',
@@ -631,12 +645,14 @@ export default {
             type: 'pie',
             radius: '50%',
             data: visitCount,
-            emphasis: {
-              itemStyle: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.5)'
-              }
+            label: {
+              show: true, // 显示标签
+              position: 'inside', // 标签位置为内部
+              formatter: '{c}', // 格式化标签内容，显示名称、值
+              fontSize: 14 // 字体大小
+            },
+            labelLine: {
+              show: false // 不显示连接线
             }
           }
         ]