From 1b6a66302ffe441a602b1cdecc61b059f8619341 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=9A=E7=9A=93?= <1736436516@qq.com>
Date: Wed, 16 Oct 2024 14:52:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E8=AD=A6=E5=88=86=E5=B8=83=E5=9C=86?=
 =?UTF-8?q?=E7=9B=98=E6=A0=87=E7=AD=BE=E8=AF=B4=E6=98=8E=E7=9C=81=E7=95=A5?=
 =?UTF-8?q?=EF=BC=8C=E9=AB=98=E5=BA=A6=E9=99=8D=E4=BD=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Statistics.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Statistics.vue b/src/components/Statistics.vue
index 477bb17..aafbb51 100644
--- a/src/components/Statistics.vue
+++ b/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>