@@ -18,12 +18,72 @@ struct Node {
1818#[ component]
1919pub fn NodesView ( ) -> Element {
2020 let nodes = [
21- Node { name : "node-1 · leader" , pill_css : "ok" , pill_text : "ok" , points : "0,60 40,55 80,50 120,45 160,40 200,42 240,30 280,32 320,28 360,18 400,22" , stroke : "#185fa5" , qps : "2.1k" , p99 : "18ms" , p99_warn : false , cpu : "42%" } ,
22- Node { name : "node-2" , pill_css : "ok" , pill_text : "ok" , points : "0,50 40,52 80,48 120,55 160,45 200,40 240,38 280,42 320,32 360,28 400,30" , stroke : "#3b6d11" , qps : "1.8k" , p99 : "22ms" , p99_warn : false , cpu : "38%" } ,
23- Node { name : "node-3" , pill_css : "ok" , pill_text : "ok" , points : "0,45 40,48 80,42 120,50 160,38 200,35 240,40 280,32 320,28 360,30 400,25" , stroke : "#3b6d11" , qps : "1.9k" , p99 : "19ms" , p99_warn : false , cpu : "41%" } ,
24- Node { name : "node-4" , pill_css : "ok" , pill_text : "ok" , points : "0,55 40,48 80,52 120,42 160,45 200,38 240,35 280,40 320,30 360,32 400,28" , stroke : "#3b6d11" , qps : "1.6k" , p99 : "24ms" , p99_warn : false , cpu : "36%" } ,
25- Node { name : "node-5" , pill_css : "warn" , pill_text : "lag" , points : "0,30 40,40 80,35 120,55 160,50 200,62 240,58 280,68 320,65 360,72 400,70" , stroke : "#854f0b" , qps : "980" , p99 : "182ms" , p99_warn : true , cpu : "78%" } ,
26- Node { name : "node-6" , pill_css : "ok" , pill_text : "ok" , points : "0,50 40,45 80,48 120,40 160,42 200,35 240,38 280,30 320,32 360,25 400,28" , stroke : "#3b6d11" , qps : "1.7k" , p99 : "21ms" , p99_warn : false , cpu : "39%" } ,
21+ Node {
22+ name : "node-1 · leader" ,
23+ pill_css : "ok" ,
24+ pill_text : "ok" ,
25+ points : "0,60 40,55 80,50 120,45 160,40 200,42 240,30 280,32 320,28 360,18 400,22" ,
26+ stroke : "#185fa5" ,
27+ qps : "2.1k" ,
28+ p99 : "18ms" ,
29+ p99_warn : false ,
30+ cpu : "42%" ,
31+ } ,
32+ Node {
33+ name : "node-2" ,
34+ pill_css : "ok" ,
35+ pill_text : "ok" ,
36+ points : "0,50 40,52 80,48 120,55 160,45 200,40 240,38 280,42 320,32 360,28 400,30" ,
37+ stroke : "#3b6d11" ,
38+ qps : "1.8k" ,
39+ p99 : "22ms" ,
40+ p99_warn : false ,
41+ cpu : "38%" ,
42+ } ,
43+ Node {
44+ name : "node-3" ,
45+ pill_css : "ok" ,
46+ pill_text : "ok" ,
47+ points : "0,45 40,48 80,42 120,50 160,38 200,35 240,40 280,32 320,28 360,30 400,25" ,
48+ stroke : "#3b6d11" ,
49+ qps : "1.9k" ,
50+ p99 : "19ms" ,
51+ p99_warn : false ,
52+ cpu : "41%" ,
53+ } ,
54+ Node {
55+ name : "node-4" ,
56+ pill_css : "ok" ,
57+ pill_text : "ok" ,
58+ points : "0,55 40,48 80,52 120,42 160,45 200,38 240,35 280,40 320,30 360,32 400,28" ,
59+ stroke : "#3b6d11" ,
60+ qps : "1.6k" ,
61+ p99 : "24ms" ,
62+ p99_warn : false ,
63+ cpu : "36%" ,
64+ } ,
65+ Node {
66+ name : "node-5" ,
67+ pill_css : "warn" ,
68+ pill_text : "lag" ,
69+ points : "0,30 40,40 80,35 120,55 160,50 200,62 240,58 280,68 320,65 360,72 400,70" ,
70+ stroke : "#854f0b" ,
71+ qps : "980" ,
72+ p99 : "182ms" ,
73+ p99_warn : true ,
74+ cpu : "78%" ,
75+ } ,
76+ Node {
77+ name : "node-6" ,
78+ pill_css : "ok" ,
79+ pill_text : "ok" ,
80+ points : "0,50 40,45 80,48 120,40 160,42 200,35 240,38 280,30 320,32 360,25 400,28" ,
81+ stroke : "#3b6d11" ,
82+ qps : "1.7k" ,
83+ p99 : "21ms" ,
84+ p99_warn : false ,
85+ cpu : "39%" ,
86+ } ,
2787 ] ;
2888 rsx ! {
2989 div { class: "subview active" ,
0 commit comments