feature/1.8-Improve system observability

NINGyv179 · NINGyv179 · commit c0dc5bcdb534 · 2025-04-30T17:17:00.000+08:00
diff --git a/frontend/packages/core/src/pages/serviceOverview/charts/ServiceAreaChart.tsx b/frontend/packages/core/src/pages/serviceOverview/charts/ServiceAreaChart.tsx
@@ -211,7 +211,10 @@ const ServiceAreaChart = ({ customClassNames, dataInfo, height, showAvgLine }: S
         }
       ]
     }
-    setOption(option)
+    const echartsInstance = chartRef.current?.getEchartsInstance()
+    if (echartsInstance) {
+      echartsInstance.setOption(option)
+    }
   }
   // 使用深度监听来确保图表数据更新
   useEffect(() => {
diff --git a/frontend/packages/core/src/pages/serviceOverview/charts/ServiceBarChar.tsx b/frontend/packages/core/src/pages/serviceOverview/charts/ServiceBarChar.tsx
@@ -308,7 +308,10 @@ const ServiceBarChar = ({ customClassNames, dataInfo, height, showAvgLine, showL
             data: item.value
           }))
     }
-    setOption(option)
+    const echartsInstance = chartRef.current?.getEchartsInstance()
+    if (echartsInstance) {
+      echartsInstance.setOption(option)
+    }
   }
 
   // 使用深度监听来确保图表数据更新

Original file line number	Diff line number	Diff line change
`@@ -211,7 +211,10 @@ const ServiceAreaChart = ({ customClassNames, dataInfo, height, showAvgLine }: S`
`211`	`211`	`}`
`212`	`212`	`]`
`213`	`213`	`}`
`214`		`- setOption(option)`
	`214`	`+ const echartsInstance = chartRef.current?.getEchartsInstance()`
	`215`	`+ if (echartsInstance) {`
	`216`	`+ echartsInstance.setOption(option)`
	`217`	`+ }`
`215`	`218`	`}`
`216`	`219`	`// 使用深度监听来确保图表数据更新`
`217`	`220`	`useEffect(() => {`
Original file line number	Diff line number	Diff line change
`@@ -308,7 +308,10 @@ const ServiceBarChar = ({ customClassNames, dataInfo, height, showAvgLine, showL`
`308`	`308`	`data: item.value`
`309`	`309`	`}))`
`310`	`310`	`}`
`311`		`- setOption(option)`
	`311`	`+ const echartsInstance = chartRef.current?.getEchartsInstance()`
	`312`	`+ if (echartsInstance) {`
	`313`	`+ echartsInstance.setOption(option)`
	`314`	`+ }`
`312`	`315`	`}`
`313`	`316`
`314`	`317`	`// 使用深度监听来确保图表数据更新`