From 8283523327aaf4ea2d55ab460fdf770fb5128519 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Tue, 5 Nov 2024 17:24:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E5=AE=9E=E6=97=B6?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/perfManage/kpiOverView/index.vue | 28 +++++++++++++---------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/views/perfManage/kpiOverView/index.vue b/src/views/perfManage/kpiOverView/index.vue
index bd8ef4bf..f5508fde 100644
--- a/src/views/perfManage/kpiOverView/index.vue
+++ b/src/views/perfManage/kpiOverView/index.vue
@@ -142,7 +142,7 @@ const handleWebSocketMessage = (kpiEvent:any)=>{
 //成功回调
 const wsMessage = (res:Record<string,any>)=>{
   const{code,data}=res;
-  if(code===RESULT_CODE_ERROR||!data?.gropId)return;
+  if(code===RESULT_CODE_ERROR||!data?.groupId)return;
   handleWebSocketMessage(data.data);
 };
 // 添加数据处理函数
@@ -552,16 +552,22 @@ const updateChartData = (newData: ChartDataItem) => {
   }
 
   if (chart) {
-    chart.setOption({
-      xAxis: {
-        data: chartData.value.map(item =>
-          dayjs(Number(item.date)).format('YYYY-MM-DD HH:mm:ss')
-        ),
-      },
-      series: selectedKPIs.value.map(kpiId => ({
-        type: chartType.value, // 使用当前选择的图表类型
-        data: chartData.value.map(item => item[kpiId] || 0),
-      })),
+    requestAnimationFrame(() => {
+      chart!.setOption({
+        xAxis: {
+          data: chartData.value.map(item =>
+            dayjs(Number(item.date)).format('YYYY-MM-DD HH:mm:ss')
+          ),
+        },
+        series: selectedKPIs.value.map(kpiId => {
+          const kpi = kpiColumns.value.find(col => col.kpiId === kpiId);
+          return {
+            type: chartType.value,
+            data: chartData.value.map(item => item[kpiId] || 0),
+            name: kpi?.title || kpiId,
+          };
+        }),
+      });
     });
   }
 };