perf: Limit drawing frame rate

This commit is contained in:
MystiPanda 2024-05-08 22:33:13 +08:00
parent 0b78dedf04
commit e520be80c0

View File

@ -147,6 +147,10 @@ export const TrafficGraph = forwardRef<TrafficRef>((props, ref) => {
const now = Date.now();
const diff = now - lastTime;
if (diff < 33) {
raf = requestAnimationFrame(() => drawGraph(lastTime));
return;
}
const temp = Math.min((diff / 1000) * dx + countRef.current, dx);
const offset = countRef.current === 0 ? 0 : temp;
countRef.current = temp;