From 23e0c515e56e7b266df821791cae077a196bb5e5 Mon Sep 17 00:00:00 2001
From: hi2hi <code@hi2hi.cc>
Date: Sat, 14 Dec 2024 03:52:54 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=A5=E4=BF=AE=E5=A4=8DgetColor=E6=AD=BB?=
 =?UTF-8?q?=E5=BE=AA=E7=8E=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/composable/server-monitor.js | 29 +++++++++++++-------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/views/composable/server-monitor.js b/src/views/composable/server-monitor.js
index 1e2a550..0d62c1a 100644
--- a/src/views/composable/server-monitor.js
+++ b/src/views/composable/server-monitor.js
@@ -39,9 +39,11 @@ export function getThreshold(data, tolerance = 2) {
 const lineColorMap = {};
 const lineColors = [];
 const defaultColors = [
-  '#5470c6', '#91cc75', '#fac858',
-  '#ee6666', '#73c0de', '#3ba272',
-  '#fc8452', '#9a60b4', '#ea7ccc',
+  '#5470C6', '#91CC75', '#FAC858', '#EE6666',
+  '#73C0DE', '#3BA272', '#FC8452', '#9A60B4',
+  '#EA7CCC', '#C23531', '#2F4554', '#61A0A8',
+  '#D48265', '#91C7AE', '#749F83', '#CA8622',
+  '#BDA29A', '#6E7074', '#546570', '#C4CCD3',
 ];
 
 /**
@@ -76,20 +78,24 @@ function rgbDistance(color1, color2) {
  * 获取一个随机颜色
  * @returns {string} 返回一个随机颜色的字符串
  */
-function getColor() {
+function getColor(count = 0, len = 0) {
+  // 如果尝试次数超过 3 次，返回固定颜色组里面的颜色
+  if (count > 3) {
+    return defaultColors[len % defaultColors.length];
+  }
   const { color } = uniqolor.random({
     saturation: [75, 90],
     lightness: [65, 70],
     differencePoint: 100,
   });
   if (lineColors.includes(color)) {
-    return getColor();
+    return getColor(count + 1, len);
   }
   if (lineColors.some((i) => rgbDistance(
     hexToRgb(i),
     hexToRgb(color),
-  ) < 80)) {
-    return getColor();
+  ) < 50)) {
+    return getColor(count + 1, len);
   }
   return color;
 }
@@ -104,14 +110,7 @@ export function getLineColor(name) {
   if (lineColorMap[name]) {
     return lineColorMap[name];
   }
-  // 如果默认颜色还有剩余，直接使用
-  if (defaultColors.length > 0) {
-    const color = defaultColors.shift();
-    lineColorMap[name] = color;
-    lineColors.push(color);
-    return color;
-  }
-  const color = getColor();
+  const color = getColor(0, lineColors.length);
   lineColorMap[name] = color;
   lineColors.push(color);
   return color;