报警分布圆盘标签说明省略，高度降低

src/components/Statistics.vue

@@ -44,7 +44,7 @@ const fetchTypeMapping = async (token) => {
 const fetchAndProcessEvents = async (token) => {
   try {
     let currentPage = 1;
-    const pageSize = 2000;  // 每次加载 2000 条
+    const pageSize = 1000;  // 每次加载 2000 条
     let allEvents = [];
 
     // 第一次请求，获取告警总数和首批数据
@@ -110,6 +110,7 @@ const initChart = () => {
       },
       itemGap: 20,
       data: seriesData.value.map(item => item.name),
+      show : true
     },
     series: [
       {
@@ -118,6 +119,7 @@ const initChart = () => {
         radius: '50%',
         center: ['50%', '150px'],
         data: seriesData.value,
+        data: [],
         emphasis: {
           itemStyle: {
             shadowBlur: 10,
@@ -126,7 +128,7 @@ const initChart = () => {
           }
         },
         label: {
-          show: true,
+          show: false,
         },
         stillShowZeroSum: false,
       }
@@ -171,15 +173,20 @@ onMounted(async () => {
 
 <style scoped>
 .stats-card {
-  background-color: #2a3f54;
+  background-color: #304555;
+  /* background: linear-gradient(to top, rgba(16, 84, 194, 0.6), rgba(31, 48, 207, 0.7)); */
   color: #fff;
   border-radius: 8px;
+  margin: 0;
+  padding: 0;
+  /* height: 100vh; */
 }
 
 .stats-header {
   font-size: 18px;
   font-weight: bold;
   border-bottom: 1px solid #3a4b5c;
+  padding-bottom: 10px;
 }
 
 .stats-row {
@@ -189,6 +196,7 @@ onMounted(async () => {
 
 .chart {
   width: 100%;
-  height: 445px;
+  height: 380px;
+  /* height: 445px; */
 }
 </style>