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(() => {
-      xAxis: {
+      chart!.setOption({
-        data: chartData.value.map(item =>
+        xAxis: {
-          dayjs(Number(item.date)).format('YYYY-MM-DD HH:mm:ss')
+          data: chartData.value.map(item =>
-        ),
+            dayjs(Number(item.date)).format('YYYY-MM-DD HH:mm:ss')
-      },
+          ),
-      series: selectedKPIs.value.map(kpiId => ({
+        },
-        type: chartType.value, // 使用当前选择的图表类型
+        series: selectedKPIs.value.map(kpiId => {
-        data: chartData.value.map(item => item[kpiId] || 0),
+          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,
+          };
+        }),
+      });
     });
   }
 };