feat(uti): hrdh latency graph
[csit.git] / resources / tools / dash / app / pal / trending / layout.yaml
1 plot-trending-tput:
2   # title: ""
3   # titlefont:
4   #   size: 16
5   autosize: True
6   showlegend: True
7   # width: 1100
8   #height: 400
9   yaxis:
10     showticklabels: True
11     tickformat: ".3s"
12     title: "Throughput [Mpps]"
13     hoverformat: ".5s"
14     gridcolor: "rgb(238, 238, 238)"
15     linecolor: "rgb(238, 238, 238)"
16     showline: True
17     zeroline: False
18     tickcolor: "rgb(238, 238, 238)"
19     linewidth: 1
20     showgrid: True
21   xaxis:
22     title: 'Date [MMDD]'
23     type: "date"
24     autorange: True
25     fixedrange: False
26     showgrid: True
27     gridcolor: "rgb(238, 238, 238)"
28     showline: True
29     linecolor: "rgb(238, 238, 238)"
30     zeroline: False
31     linewidth: 1
32     showticklabels: True
33     tickcolor: "rgb(238, 238, 238)"
34     tickmode: "auto"
35     tickformat: "%m%d"
36     rangeselector:
37       buttons:
38       - count: 14
39         label: "2w"
40         step: "day"
41         stepmode: "backward"
42       - count: 1
43         label: "1m"
44         step: "month"
45         stepmode: "backward"
46       - count: 2
47         label: "2m"
48         step: "month"
49         stepmode: "backward"
50       - count: 3
51         label: "3m"
52         step: "month"
53         stepmode: "backward"
54       - count: 4
55         label: "4m"
56         step: "month"
57         stepmode: "backward"
58       - count: 5
59         label: "5m"
60         step: "month"
61         stepmode: "backward"
62       - step: "all"
63   margin:
64     r: 20
65     b: 0
66     t: 5
67     l: 70
68   legend:
69     orientation: "h"
70     y: -0.18
71     xanchor: "auto"
72     traceorder: "normal"
73     bordercolor: "rgb(238, 238, 238)"
74   paper_bgcolor: "#fff"
75   plot_bgcolor: "#fff"
76   hoverlabel:
77     namelength: -1
78
79 plot-trending-lat:
80   # title: ""
81   # titlefont:
82   #   size: 16
83   autosize: True
84   showlegend: True
85   # width: 1100
86   #height: 400
87   yaxis:
88     showticklabels: True
89     tickformat: ".3s"
90     title: "Average Latency at 50% PDR [us]"
91     hoverformat: ".5s"
92     gridcolor: "rgb(238, 238, 238)"
93     linecolor: "rgb(238, 238, 238)"
94     showline: True
95     zeroline: False
96     tickcolor: "rgb(238, 238, 238)"
97     linewidth: 1
98     showgrid: True
99   xaxis:
100     title: 'Date [MMDD]'
101     type: "date"
102     autorange: True
103     fixedrange: False
104     showgrid: True
105     gridcolor: "rgb(238, 238, 238)"
106     showline: True
107     linecolor: "rgb(238, 238, 238)"
108     zeroline: False
109     linewidth: 1
110     showticklabels: True
111     tickcolor: "rgb(238, 238, 238)"
112     tickmode: "auto"
113     tickformat: "%m%d"
114     rangeselector:
115       buttons:
116       - count: 14
117         label: "2w"
118         step: "day"
119         stepmode: "backward"
120       - count: 1
121         label: "1m"
122         step: "month"
123         stepmode: "backward"
124       - count: 2
125         label: "2m"
126         step: "month"
127         stepmode: "backward"
128       - count: 3
129         label: "3m"
130         step: "month"
131         stepmode: "backward"
132       - count: 4
133         label: "4m"
134         step: "month"
135         stepmode: "backward"
136       - count: 5
137         label: "5m"
138         step: "month"
139         stepmode: "backward"
140       - step: "all"
141   margin:
142     r: 20
143     b: 0
144     t: 5
145     l: 70
146   legend:
147     orientation: "h"
148     y: -0.18
149     xanchor: "auto"
150     traceorder: "normal"
151     bordercolor: "rgb(238, 238, 238)"
152   paper_bgcolor: "#fff"
153   plot_bgcolor: "#fff"
154   hoverlabel:
155     namelength: -1
156
157 plot-hdrh-latency:
158   # title:
159   #   text: "Latency by Percentile Distribution"
160   #   xanchor: "center"
161   #   x: 0.5
162     # font:
163     #   size: 10
164   showlegend: True
165   legend:
166     traceorder: "normal"
167     orientation: "h"
168     # font:
169     #   size: 16
170     xanchor: "left"
171     yanchor: "top"
172     x: 0
173     y: -0.25
174     bgcolor: "rgba(255, 255, 255, 0)"
175     bordercolor: "rgba(255, 255, 255, 0)"
176   xaxis:
177     type: "log"
178     title: "Percentile [%]"
179     # titlefont:
180     #   size: 14
181     autorange: False
182     fixedrange: True
183     gridcolor: "rgb(230, 230, 230)"
184     linecolor: "rgb(220, 220, 220)"
185     linewidth: 1
186     showgrid: True
187     showline: True
188     showticklabels: True
189     tickcolor: "rgb(220, 220, 220)"
190     tickvals: [1, 2, 1e1, 20, 1e2, 1e3, 1e4, 1e5, 1e6]
191     ticktext: [0, 50, 90, 95, 99, 99.9, 99.99, 99.999, 99.9999]
192     # tickfont:
193     #   size: 14
194   yaxis:
195     title: "One-Way Latency per Direction [us]"
196     # titlefont:
197     #   size: 14
198     gridcolor: "rgb(230, 230, 230)"
199     linecolor: "rgb(220, 220, 220)"
200     linewidth: 1
201     showgrid: True
202     showline: True
203     showticklabels: True
204     tickcolor: "rgb(220, 220, 220)"
205     # tickfont:
206     #   size: 14
207   autosize: True
208   #height: 400
209   paper_bgcolor: "white"
210   plot_bgcolor: "white"