1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
line.client_tx {
stroke: red;
stroke-dasharray: 5,5;
}
line.client_rx {
stroke: blue;
stroke-dasharray: 5,5;
}
line.c2c_column {
stroke: black;
stroke-dasharray: 1,5;
}
line.c2c {
stroke-width: 2.0;
}
line.c2c.active {
stroke-width: 4.0;
}
line.y_axis {
stroke: gray;
}
/* putting these in a .css file doesn't work, for some reason I have to add
the markers as a style= attribute directly. */
line.circle-arrow-circle {
/*marker-start: url(#markerCircle);*/
marker-mid: url(#markerArrow);
/*marker-end: url(#markerCircle);*/
}
rect.wait-crypto {
stroke: black;
fill: #ccc;
}
rect.wait-user {
stroke: #00f;
fill: #bbe;
}
text.wait-text-user {
fill: #00f;
}
rect.proc-span-import {
fill: #fcc;
}
rect.proc-span-websocket {
fill: #cfc;
}
rect.api {
fill: #cfc;
}
rect.bar {
stroke: black;
}
.lane-0 {
fill: #fcc;
}
.lane-1 {
fill: #cfc;
}
.lane-2 {
fill: #ccf;
}
.lane-3 {
fill: #ccf;
}
.lane-4 {
fill: #ccf;
}
.lane-5 {
fill: #ccf;
}
.lane-6 {
fill: #ccf;
}
.vis-item .vis-item-overflow {
overflow: visible;
}
.d3-tip {
margin: 4px;
padding: 2px;
background: #111;
color: #fff;
}
|
