fix：修改问题
1 dashboard模块prometheus查询接口query内容进行encode 2 panel下拉列表位置左侧菜单收缩后显示异常 3 echarts图表对于返回数据metric为空图表，tooltip无法正常显示修改（列表及全屏，预览及全屏，explore及全屏） 4 图表tooltip中的冒号删掉 5 metric选择，metric及label高度为100%，无滚动条 6 增加网格，取消y轴 7 tooltip内容和legend内容显示不一致 8 tooltip颜色随机产生
This commit is contained in:
hyx
177
nezha-fronted/src/components/common/js/radomcolor/color.txt
Normal file
177
nezha-fronted/src/components/common/js/radomcolor/color.txt
Normal file
@@ -0,0 +1,177 @@
|
||||
|
||||
#d8a6ea
|
||||
#d8f799
|
||||
#7fe2d0
|
||||
#f7677b
|
||||
#6e4eed
|
||||
#adff3a
|
||||
#f082f2
|
||||
#cc2095
|
||||
#ea60aa
|
||||
#8cf2d7
|
||||
#51cc41
|
||||
#9c93d8
|
||||
#f4a1c5
|
||||
#a1f4b3
|
||||
#6de8a6
|
||||
#92a1e8
|
||||
#e5aa52
|
||||
#96c938
|
||||
#9dd7ea
|
||||
#ccd1ff
|
||||
#d65640
|
||||
#ffccd1
|
||||
#6ba5c4
|
||||
#6af7a0
|
||||
#ffa5fc
|
||||
#bff977
|
||||
#98f99a
|
||||
#c14c3f
|
||||
#0f1ec4
|
||||
#88e02a
|
||||
#d540dd
|
||||
#24f27d
|
||||
#4572ef
|
||||
#fff8af
|
||||
#5f56d8
|
||||
#5023ba
|
||||
#021b60
|
||||
#80ed76
|
||||
#cbfca9
|
||||
#235ad1
|
||||
#ed87ae
|
||||
#adf913
|
||||
#dbdb29
|
||||
#e23bc6
|
||||
#e2a33d
|
||||
#949fe8
|
||||
#bad7fc
|
||||
#4ce86e
|
||||
#9ccbe5
|
||||
#6354ea
|
||||
#98f2d7
|
||||
#fcc79c
|
||||
#192e96
|
||||
#a567ce
|
||||
#f72a56
|
||||
#f29e59
|
||||
#eb6eef
|
||||
#e03188
|
||||
#6050bf
|
||||
#beb9f7
|
||||
#9ec1ef
|
||||
#4083b7
|
||||
#f73302
|
||||
#614dd1
|
||||
#f7b183
|
||||
#d6ef97
|
||||
#13f7e4
|
||||
#bbccf7
|
||||
#c17c3c
|
||||
#db5c91
|
||||
#fcdfbf
|
||||
#88d32c
|
||||
#b33de5
|
||||
#5ef9b9
|
||||
#27e5b9
|
||||
#7f84d1
|
||||
#f98f7a
|
||||
#d05ae2
|
||||
#44c4c2
|
||||
#e5d04b
|
||||
#b23c2c
|
||||
#2209b5
|
||||
#cdc2f9
|
||||
#be40e8
|
||||
#b3d1fc
|
||||
#67e0d2
|
||||
#c5f9a4
|
||||
#89dbf9
|
||||
#f4b0d0
|
||||
#0e00aa
|
||||
#88a8d8
|
||||
#e595a3
|
||||
#9ef99a
|
||||
#ffdf2b
|
||||
#e59787
|
||||
#68f9ac
|
||||
#6620a3
|
||||
#6cd87a
|
||||
#ade8ed
|
||||
#e7f78a
|
||||
#d66a22
|
||||
#a24cff
|
||||
#959cdb
|
||||
#c6ffb2
|
||||
#db4cff
|
||||
#4dff47
|
||||
#ee24f2
|
||||
#41ce31
|
||||
#99efbd
|
||||
#2b8407
|
||||
#3db2c6
|
||||
#cb42ed
|
||||
#6d22a3
|
||||
#6357cc
|
||||
#012e77
|
||||
#fc2dc5
|
||||
#b27b21
|
||||
#ef1ce5
|
||||
#f75b87
|
||||
#e87ab6
|
||||
#a8ffcc
|
||||
#9ae2e1
|
||||
#b4f79b
|
||||
#13d681
|
||||
#85d85f
|
||||
#dd499d
|
||||
#e88db0
|
||||
#35ce35
|
||||
#fff7af
|
||||
#e57e91
|
||||
#2cc147
|
||||
#60f7e3
|
||||
#16af98
|
||||
#9b2ff9
|
||||
#dd0618
|
||||
#42c49d
|
||||
#c137ce
|
||||
#fcc3bf
|
||||
#1219e2
|
||||
#04a53f
|
||||
#69ea81
|
||||
#fcdbba
|
||||
#e53986
|
||||
#5656e2
|
||||
#423cfc
|
||||
#9ddd75
|
||||
#fc2500
|
||||
#f461a8
|
||||
#fc6fba
|
||||
#b53649
|
||||
#71e8ac
|
||||
#f26a8e
|
||||
#bf8511
|
||||
#21f2a2
|
||||
#b1bded
|
||||
#e5bd6e
|
||||
#c004e5
|
||||
#6fdbd9
|
||||
#98f9c4
|
||||
#f9e936
|
||||
#d16932
|
||||
#fcb86a
|
||||
#27e5d5
|
||||
#e2bc7f
|
||||
#ca52f2
|
||||
#3bd68e
|
||||
#74e3ed
|
||||
#e0e80b
|
||||
#bf5ced
|
||||
#ff14b0
|
||||
#66c3e8
|
||||
#fcf88a
|
||||
#6a2099
|
||||
#ea4ff2
|
||||
#c708e0
|
||||
#d35d6c
|
||||
322
nezha-fronted/src/components/common/js/radomcolor/randomcolor.js
Normal file
322
nezha-fronted/src/components/common/js/radomcolor/randomcolor.js
Normal file
@@ -0,0 +1,322 @@
|
||||
export function randomcolor() {
|
||||
var e = null,
|
||||
t = {};
|
||||
r("monochrome", null, [
|
||||
[0, 0],
|
||||
[100, 0]
|
||||
]),
|
||||
r("red", [-26, 18], [
|
||||
[20, 100],
|
||||
[30, 92],
|
||||
[40, 89],
|
||||
[50, 85],
|
||||
[60, 78],
|
||||
[70, 70],
|
||||
[80, 60],
|
||||
[90, 55],
|
||||
[100, 50]
|
||||
]),
|
||||
r("orange", [19, 46], [
|
||||
[20, 100],
|
||||
[30, 93],
|
||||
[40, 88],
|
||||
[50, 86],
|
||||
[60, 85],
|
||||
[70, 70],
|
||||
[100, 70]
|
||||
]),
|
||||
r("yellow", [47, 62], [
|
||||
[25, 100],
|
||||
[40, 94],
|
||||
[50, 89],
|
||||
[60, 86],
|
||||
[70, 84],
|
||||
[80, 82],
|
||||
[90, 80],
|
||||
[100, 75]
|
||||
]),
|
||||
r("green", [63, 178], [
|
||||
[30, 100],
|
||||
[40, 90],
|
||||
[50, 85],
|
||||
[60, 81],
|
||||
[70, 74],
|
||||
[80, 64],
|
||||
[90, 50],
|
||||
[100, 40]
|
||||
]),
|
||||
r("blue", [179, 257], [
|
||||
[20, 100],
|
||||
[30, 86],
|
||||
[40, 80],
|
||||
[50, 74],
|
||||
[60, 60],
|
||||
[70, 52],
|
||||
[80, 44],
|
||||
[90, 39],
|
||||
[100, 35]
|
||||
]),
|
||||
r("purple", [258, 282], [
|
||||
[20, 100],
|
||||
[30, 87],
|
||||
[40, 79],
|
||||
[50, 70],
|
||||
[60, 65],
|
||||
[70, 59],
|
||||
[80, 52],
|
||||
[90, 45],
|
||||
[100, 42]
|
||||
]),
|
||||
r("pink", [283, 334], [
|
||||
[20, 100],
|
||||
[30, 90],
|
||||
[40, 86],
|
||||
[60, 84],
|
||||
[80, 80],
|
||||
[90, 75],
|
||||
[100, 73]
|
||||
]);
|
||||
var n = function(r) {
|
||||
if (void 0 !== (r = r || {}).seed && null !== r.seed && r.seed === parseInt(r.seed, 10))
|
||||
e = r.seed;
|
||||
else if ("string" == typeof r.seed)
|
||||
e = function(e) {
|
||||
for (var t = 0, n = 0; n !== e.length && !(t >= Number.MAX_SAFE_INTEGER); n++)
|
||||
t += e.charCodeAt(n);
|
||||
return t
|
||||
};
|
||||
(r.seed);
|
||||
else {
|
||||
if (void 0 !== r.seed && null !== r.seed)
|
||||
throw new TypeError("The seed value must be an integer or string");
|
||||
e = null
|
||||
}
|
||||
var c,
|
||||
l;
|
||||
if (null !== r.count && void 0 !== r.count) {
|
||||
var u = r.count,
|
||||
d = [];
|
||||
for (r.count = null; u > d.length;)
|
||||
e && r.seed && (r.seed += 1), d.push(n(r));
|
||||
return r.count = u,
|
||||
d
|
||||
}
|
||||
return function(e, t) {
|
||||
switch (t.format) {
|
||||
case "hsvArray":
|
||||
return e;
|
||||
case "hslArray":
|
||||
return a(e);
|
||||
case "hsl":
|
||||
var n = a(e);
|
||||
return "hsl(" + n[0] + ", " + n[1] + "%, " + n[2] + "%)";
|
||||
case "hsla":
|
||||
var s = a(e),
|
||||
o = t.alpha || Math.random();
|
||||
return "hsla(" + s[0] + ", " + s[1] + "%, " + s[2] + "%, " + o + ")";
|
||||
case "rgbArray":
|
||||
return i(e);
|
||||
case "rgb":
|
||||
return "rgb(" + i(e).join(", ") + ")";
|
||||
case "rgba":
|
||||
var r = i(e);
|
||||
o = t.alpha || Math.random();
|
||||
return "rgba(" + r.join(", ") + ", " + o + ")";
|
||||
default:
|
||||
return function(e) {
|
||||
var t = i(e);
|
||||
|
||||
function n(e) {
|
||||
var t = e.toString(16);
|
||||
return 1 == t.length ? "0" + t : t
|
||||
}
|
||||
return "#" + n(t[0]) + n(t[1]) + n(t[2])
|
||||
};
|
||||
(e)
|
||||
}
|
||||
};
|
||||
([c = function(e) {
|
||||
var n = o(function(e) {
|
||||
if ("number" == typeof parseInt(e)) {
|
||||
var n = parseInt(e);
|
||||
if (n < 360 && n > 0)
|
||||
return [n, n]
|
||||
}
|
||||
if ("string" == typeof e)
|
||||
if (t[e]) {
|
||||
var s = t[e];
|
||||
if (s.hueRange)
|
||||
return s.hueRange
|
||||
} else if (e.match(/^#?([0-9A-F]{3}|[0-9A-F]{6})$/i)) {
|
||||
var o = function(e) {
|
||||
e = 3 === (e = e.replace(/^#/, "")).length ? e.replace(/(.)/g, "$1$1") : e;
|
||||
var t = parseInt(e.substr(0, 2), 16) / 255,
|
||||
n = parseInt(e.substr(2, 2), 16) / 255,
|
||||
s = parseInt(e.substr(4, 2), 16) / 255,
|
||||
o = Math.max(t, n, s),
|
||||
r = o - Math.min(t, n, s),
|
||||
i = o ? r / o : 0;
|
||||
switch (o) {
|
||||
case t:
|
||||
return [(n - s) / r % 6 * 60 || 0, i, o];
|
||||
case n:
|
||||
return [60 * ((s - t) / r + 2) || 0, i, o];
|
||||
case s:
|
||||
return [60 * ((t - n) / r + 4) || 0, i, o]
|
||||
}
|
||||
};
|
||||
(e)[0];
|
||||
return [o, o]
|
||||
}
|
||||
return [0, 360]
|
||||
};
|
||||
(e.hue));
|
||||
n < 0 && (n = 360 + n);
|
||||
return n
|
||||
};
|
||||
(r), l = function(e, t) {
|
||||
if ("monochrome" === t.hue)
|
||||
return 0;
|
||||
if ("random" === t.luminosity)
|
||||
return o([0, 100]);
|
||||
var n = function(e) {
|
||||
return s(e).saturationRange
|
||||
};
|
||||
(e),
|
||||
r = n[0],
|
||||
i = n[1];
|
||||
switch (t.luminosity) {
|
||||
case "bright":
|
||||
r = 55;
|
||||
break;
|
||||
case "dark":
|
||||
r = i - 10;
|
||||
break;
|
||||
case "light":
|
||||
i = 55
|
||||
}
|
||||
return o([r, i])
|
||||
};
|
||||
(c, r),
|
||||
function(e, t, n) {
|
||||
var r = function(e, t) {
|
||||
for (var n = s(e).lowerBounds, o = 0; o < n.length - 1; o++) {
|
||||
var r = n[o][0],
|
||||
i = n[o][1],
|
||||
a = n[o + 1][0],
|
||||
c = n[o + 1][1];
|
||||
if (t >= r && t <= a) {
|
||||
var l = (c - i) / (a - r);
|
||||
return l * t + (i - l * r)
|
||||
}
|
||||
}
|
||||
return 0
|
||||
};
|
||||
(e, t),
|
||||
i = 100;
|
||||
switch (n.luminosity) {
|
||||
case "dark":
|
||||
i = r + 20;
|
||||
break;
|
||||
case "light":
|
||||
r = (i + r) / 2;
|
||||
break;
|
||||
case "random":
|
||||
r = 0,
|
||||
i = 100
|
||||
}
|
||||
return o([r, i])
|
||||
};
|
||||
(c, l, r)
|
||||
], r)
|
||||
};
|
||||
|
||||
function s(e) {
|
||||
for (var n in e >= 334 && e <= 360 && (e -= 360), t) {
|
||||
var s = t[n];
|
||||
if (s.hueRange && e >= s.hueRange[0] && e <= s.hueRange[1])
|
||||
return t[n]
|
||||
}
|
||||
return "Color not found"
|
||||
}
|
||||
|
||||
function o(t) {
|
||||
if (null === e)
|
||||
return Math.floor(t[0] + Math.random() * (t[1] + 1 - t[0]));
|
||||
var n = t[1] || 1,
|
||||
s = t[0] || 0,
|
||||
o = (e = (9301 * e + 49297) % 233280) / 233280;
|
||||
return Math.floor(s + o * (n - s))
|
||||
}
|
||||
|
||||
function r(e, n, s) {
|
||||
var o = s[0][0],
|
||||
r = s[s.length - 1][0],
|
||||
i = s[s.length - 1][1],
|
||||
a = s[0][1];
|
||||
t[e] = {
|
||||
hueRange: n,
|
||||
lowerBounds: s,
|
||||
saturationRange: [o, r],
|
||||
brightnessRange: [i, a]
|
||||
}
|
||||
}
|
||||
|
||||
function i(e) {
|
||||
var t = e[0];
|
||||
0 === t && (t = 1),
|
||||
360 === t && (t = 359),
|
||||
t /= 360;
|
||||
var n = e[1] / 100,
|
||||
s = e[2] / 100,
|
||||
o = Math.floor(6 * t),
|
||||
r = 6 * t - o,
|
||||
i = s * (1 - n),
|
||||
a = s * (1 - r * n),
|
||||
c = s * (1 - (1 - r) * n),
|
||||
l = 256,
|
||||
u = 256,
|
||||
d = 256;
|
||||
switch (o) {
|
||||
case 0:
|
||||
l = s,
|
||||
u = c,
|
||||
d = i;
|
||||
break;
|
||||
case 1:
|
||||
l = a,
|
||||
u = s,
|
||||
d = i;
|
||||
break;
|
||||
case 2:
|
||||
l = i,
|
||||
u = s,
|
||||
d = c;
|
||||
break;
|
||||
case 3:
|
||||
l = i,
|
||||
u = a,
|
||||
d = s;
|
||||
break;
|
||||
case 4:
|
||||
l = c,
|
||||
u = i,
|
||||
d = s;
|
||||
break;
|
||||
case 5:
|
||||
l = s,
|
||||
u = i,
|
||||
d = a
|
||||
}
|
||||
return [Math.floor(255 * l), Math.floor(255 * u), Math.floor(255 * d)]
|
||||
}
|
||||
|
||||
function a(e) {
|
||||
var t = e[0],
|
||||
n = e[1] / 100,
|
||||
s = e[2] / 100,
|
||||
o = (2 - n) * s;
|
||||
return [t, Math.round(n * s / (o < 1 ? o : 2 - o) * 1e4) / 100, o / 2 * 100]
|
||||
}
|
||||
return n()
|
||||
}
|
||||
Reference in New Issue
Block a user