看板

@@ -98,8 +98,6 @@ import {onMounted, ref} from 'vue'
 import {dayjs} from 'element-plus'
 import {dayjs} from 'element-plus'
 import {getYS001, getYS002, getYS003, getYS004, getYS005} from '@/api/server.js'
 import {getYS001, getYS002, getYS003, getYS004, getYS005} from '@/api/server.js'
 
 
-
-const dataItems = ref([]);
 const zhuRef1 = ref(null)
 const zhuRef1 = ref(null)
 const zhuRef2 = ref(null)
 const zhuRef2 = ref(null)
 const zhuRef3 = ref(null)
 const zhuRef3 = ref(null)
@@ -330,13 +328,24 @@ const handelBing1 = (arr1, arr2) => {
     tooltip: {
     tooltip: {
       trigger: 'item',
       trigger: 'item',
       position: ['20%', '30%'],
       position: ['20%', '30%'],
-      valueFormatter: (value) => value + '万',
+      // valueFormatter: (value) => value + '万',
       backgroundColor: 'rgba(5, 28, 51, 1)', // 背景色
       backgroundColor: 'rgba(5, 28, 51, 1)', // 背景色
       borderColor: 'rgba(46, 151, 198, 1)',    // 边框颜色
       borderColor: 'rgba(46, 151, 198, 1)',    // 边框颜色
       borderWidth: 1,         // 边框宽度
       borderWidth: 1,         // 边框宽度
       textStyle: {
       textStyle: {
         color: '#fff',        // 文字颜色
         color: '#fff',        // 文字颜色
         fontSize: 12,         // 文字大小
         fontSize: 12,         // 文字大小
+      },
+      formatter: function (params) {
+        // params.seriesIndex 可以判断是哪个系列（外环或内环）
+        // params.seriesName 可以获取系列名称
+        if (params.seriesIndex === 1) {
+          // 外环的提示内容
+          return `营业收入<br/>${arr1.YEAR}: ${(arr1.TOTAL / 10000).toFixed()}万`;
+        } else if (params.seriesIndex === 2) {
+          // 内环的提示内容
+          return `营业收入<br/>${arr2.YEAR}: ${(arr2.TOTAL / 10000).toFixed()}万`;
+        }
       }
       }
     },
     },
     series: [
     series: [
@@ -498,20 +507,31 @@ const handelBing2 = (row1, row2) => {
       textStyle: {
       textStyle: {
         color: '#fff',        // 文字颜色
         color: '#fff',        // 文字颜色
         fontSize: 12,         // 文字大小
         fontSize: 12,         // 文字大小
+      },
+      formatter: function (params) {
+        // params.seriesIndex 可以判断是哪个系列（外环或内环）
+        // params.seriesName 可以获取系列名称
+        if (params.seriesIndex === 1) {
+          // 外环的提示内容
+          return `应收余额<br/>${params.name}: ${params.value}万`;
+        }
       }
       }
     },
     },
     
     
     series: [
     series: [
       {
       {
-        name: '应收余额',
+        name: '',
         type: 'pie',
         type: 'pie',
         radius: ['99%', '100%'],
         radius: ['99%', '100%'],
         center: ['50%', '60%'],
         center: ['50%', '60%'],
+        emphasis: {
+          scale: false,
+        },
         label: {
         label: {
           show: false,
           show: false,
-        },
-        emphasis: {
-          scale: false
+          emphasis: {
+            show: false
+          }
         },
         },
         startAngle: 180,
         startAngle: 180,
         endAngle: 360,
         endAngle: 360,
@@ -607,6 +627,14 @@ const handelBing3 = (row1, row2) => {
       textStyle: {
       textStyle: {
         color: '#fff',        // 文字颜色
         color: '#fff',        // 文字颜色
         fontSize: 12,         // 文字大小
         fontSize: 12,         // 文字大小
+      },
+      formatter: function (params) {
+        // params.seriesIndex 可以判断是哪个系列（外环或内环）
+        // params.seriesName 可以获取系列名称
+        if (params.seriesIndex === 1) {
+          // 外环的提示内容
+          return `应收余额<br/>${params.name}: ${params.value}万`;
+        }
       }
       }
     },
     },
     
     

@@ -119,6 +119,10 @@ onUnmounted(() => {
   color: #FFFFFF;
   color: #FFFFFF;
   height: calc(40 * 100vh / 1920);
   height: calc(40 * 100vh / 1920);
   margin: calc(8 * 100vw / 1920) 0;
   margin: calc(8 * 100vw / 1920) 0;
+  white-space: nowrap; /* 强制文本不换行 */
+  overflow: hidden; /* 隐藏溢出内容 */
+  text-overflow: ellipsis; /* 显示省略号 */
+  width: 99%; /* 必须指定宽度 */
   
   
   span {
   span {
     display: inline-block;
     display: inline-block;