From e2b120409e95b7855bec4b5928ed23dbe37781d0 Mon Sep 17 00:00:00 2001
From: jianneng-fit2cloud <jianneng.pan@fit2cloud.com>
Date: Fri, 8 Aug 2025 17:03:45 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=9B=BE=E8=A1=A8):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=9C=80=E5=80=BC=E5=9C=A8=E9=83=A8=E5=88=86=E6=B5=8F=E8=A7=88?=
 =?UTF-8?q?=E5=99=A8=EF=BC=88Safari=EF=BC=89=E4=B8=AD=E4=B8=8D=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98=20#16479?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/chart/components/js/extremumUitl.ts | 44 ++++++++++++++-----
 1 file changed, 34 insertions(+), 10 deletions(-)

diff --git a/core/core-frontend/src/views/chart/components/js/extremumUitl.ts b/core/core-frontend/src/views/chart/components/js/extremumUitl.ts
index a9d4ab59b1..4bc5ba4f34 100644
--- a/core/core-frontend/src/views/chart/components/js/extremumUitl.ts
+++ b/core/core-frontend/src/views/chart/components/js/extremumUitl.ts
@@ -87,7 +87,7 @@ function createExtremumDiv(id, value, formatterCfg, chart) {
     span.setAttribute(
       'style',
       `width: 0px;
-        height: 0px;
+        height: 12px;
         border: 4px solid transparent;
         border-top-color: red;
         position: absolute;
@@ -346,7 +346,7 @@ export const createExtremumPoint = (chart, ev) => {
             // 最值dom高度超过50%时，最值dom向下
             if (top < 0 && (Math.abs(top) / point.y) * 100 >= 50) {
               pointElement.style.transform = `translateX(-50%) translateY(${translateYValue}px)`
-              childNode.style.marginTop = '-12px'
+              childNode.style.marginTop = '-16px'
               childNode.style.transform = 'rotate(180deg)'
             } else {
               childNode.style.display = 'block'
@@ -369,6 +369,28 @@ function removeDivElement(key) {
   }
 }
 
+/**
+ * 当浏览器不支持requestIdleCallback时，使用setTimeout模拟
+ * 该模拟函数会在浏览器空闲时执行回调函数，避免阻塞主线程
+ * 模拟的回调函数会在16毫秒后执行，模拟浏览器的空闲时间
+ * 该模拟函数会返回一个定时器ID，可以用来取消定时器
+ * @param cb 回调函数，接收一个IdleDeadline对象作为参数
+ * @returns 返回一个定时器ID，可以用来取消定时器
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback
+ */
+if (typeof window.requestIdleCallback !== 'function') {
+  window.requestIdleCallback = function (cb: IdleRequestCallback): number {
+    return window.setTimeout(() => {
+      cb({
+        timeRemaining: () => Math.max(0, 50 - (Date.now() % 50)),
+        didTimeout: false
+      })
+    }, 16)
+  }
+  window.cancelIdleCallback = function (id: number) {
+    clearTimeout(id)
+  }
+}
 /**
  * 用于分批处理数据，利用requestIdleCallback在浏览器空闲期间执行任务，避免阻塞主线程
  * @param dataList
@@ -383,14 +405,16 @@ function performChunk(dataList, taskHandler) {
   function _run() {
     if (i >= dataList.length) return
     // 请求浏览器空闲期间执行的回调函数
-    requestIdleCallback(idle => {
-      // 在当前空闲期间内尽可能多地处理任务，直到时间耗尽或所有任务处理完毕
-      while (idle.timeRemaining() > 0 && i < dataList.length) {
-        taskHandler(dataList[i], i)
-        i++
-      }
-      _run()
-    })
+    if (typeof window.requestIdleCallback == 'function') {
+      requestIdleCallback(idle => {
+        // 在当前空闲期间内尽可能多地处理任务，直到时间耗尽或所有任务处理完毕
+        while (idle.timeRemaining() > 0 && i < dataList.length) {
+          taskHandler(dataList[i], i)
+          i++
+        }
+        _run()
+      })
+    }
   }
   _run()
 }