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,
+          };
+        }),
+      });
     });
   }
 };