fix:修复实时数据显示问题

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({
+    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 => ({
+        series: selectedKPIs.value.map(kpiId => {
-        type: chartType.value, // 使用当前选择的图表类型
+          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,
+          };
+        }),
+      });
     });
   }
 };