corrade-http-templates – Blame information for rev 8
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
8 | zed | 1 | <!DOCTYPE HTML> |
2 | <html> |
||
3 | |||
4 | <head> |
||
5 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
||
6 | <title>Reading Simulator Statistics using Corrade</title> |
||
7 | |||
8 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> |
||
9 | <script type="text/javascript"> |
||
10 | $(function() { |
||
11 | function retrieveStats(series_1, series_2, series_3, series_4, series_5) { |
||
12 | $.ajax({ |
||
13 | type: 'post', |
||
14 | url: "getRegionData.php", |
||
15 | data: "query=Stats.ScriptTime,Stats.Dilation,Stats.FPS,Stats.PhysicsFPS,Stats.AgentUpdates&t=" + Math.random() |
||
16 | }).done(function(response) { |
||
17 | var time = (new Date()).getTime(); |
||
18 | var data = $.parseJSON(response); |
||
19 | series_1.addPoint( |
||
20 | [ |
||
21 | time, |
||
22 | parseFloat( |
||
23 | data["Stats.ScriptTime"] |
||
24 | ) |
||
25 | ], |
||
26 | false, // false for all but last |
||
27 | true |
||
28 | ); |
||
29 | series_2.addPoint( |
||
30 | [ |
||
31 | time, |
||
32 | parseFloat( |
||
33 | data["Stats.Dilation"] |
||
34 | ) |
||
35 | ], |
||
36 | false, // false for all but last |
||
37 | true |
||
38 | ); |
||
39 | series_3.addPoint( |
||
40 | [ |
||
41 | time, |
||
42 | parseFloat( |
||
43 | data["Stats.FPS"] |
||
44 | ) |
||
45 | ], |
||
46 | false, // false for all but last |
||
47 | true |
||
48 | ); |
||
49 | series_4.addPoint( |
||
50 | [ |
||
51 | time, |
||
52 | parseFloat( |
||
53 | data["Stats.PhysicsFPS"] |
||
54 | ) |
||
55 | ], |
||
56 | false, // false for all but last |
||
57 | true |
||
58 | ); |
||
59 | series_5.addPoint( |
||
60 | [ |
||
61 | time, |
||
62 | parseFloat( |
||
63 | data["Stats.AgentUpdates"] |
||
64 | ) |
||
65 | ], |
||
66 | true, |
||
67 | true |
||
68 | ); |
||
69 | setTimeout( |
||
70 | retrieveStats, |
||
71 | 1000, |
||
72 | series_1, |
||
73 | series_2, |
||
74 | series_3, |
||
75 | series_4, |
||
76 | series_5 |
||
77 | ); |
||
78 | }); |
||
79 | } |
||
80 | Highcharts.setOptions({ |
||
81 | global: { |
||
82 | useUTC: true |
||
83 | } |
||
84 | }); |
||
85 | $('#container').highcharts({ |
||
86 | chart: { |
||
87 | type: 'spline', |
||
88 | animation: Highcharts.svg, // don't animate in old IE |
||
89 | marginRight: 10, |
||
90 | //shadow: true, |
||
91 | events: { |
||
92 | load: function() { |
||
93 | // set up the updating of the chart each second |
||
94 | setTimeout( |
||
95 | retrieveStats, |
||
96 | 1000, |
||
97 | this.series[0], |
||
98 | this.series[1], |
||
99 | this.series[2], |
||
100 | this.series[3], |
||
101 | this.series[4] |
||
102 | ); |
||
103 | } |
||
104 | } |
||
105 | }, |
||
106 | title: { |
||
107 | text: '', |
||
108 | useHTML: false |
||
109 | }, |
||
110 | title: { |
||
111 | text: 'Region statistics for <a href="secondlife://Puguet%20Sound/128/128/10">Puguet Sound</a> using Corrade', |
||
112 | useHTML: true |
||
113 | }, |
||
114 | credits: { |
||
115 | enabled: false |
||
116 | }, |
||
117 | xAxis: { |
||
118 | type: 'datetime', |
||
119 | tickPixelInterval: 150 |
||
120 | }, |
||
121 | yAxis: [{ |
||
122 | type: 'logarithmic', |
||
123 | title: { |
||
124 | text: '' |
||
125 | }, |
||
126 | plotLines: [{ |
||
127 | value: 0, |
||
128 | width: 1, |
||
129 | color: '#808080' |
||
130 | }] |
||
131 | }], |
||
132 | tooltip: { |
||
133 | formatter: function() { |
||
134 | return '<b>' + this.series.name + '</b><br/>' + |
||
135 | Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' + |
||
136 | Highcharts.numberFormat(this.y, 2); |
||
137 | } |
||
138 | }, |
||
139 | legend: { |
||
140 | enabled: true |
||
141 | }, |
||
142 | exporting: { |
||
143 | enabled: true |
||
144 | }, |
||
145 | series: [{ |
||
146 | name: 'Script Time', |
||
147 | data: (function() { |
||
148 | // generate the series length |
||
149 | var data = [], |
||
150 | time = (new Date()).getTime(), |
||
151 | i; |
||
152 | |||
153 | for (i = -19; i <= 0; i += 1) { |
||
154 | data.push({ |
||
155 | x: time + i * 1000, |
||
156 | y: 0 |
||
157 | }); |
||
158 | } |
||
159 | return data; |
||
160 | }()) |
||
161 | }, { |
||
162 | name: 'Dilation', |
||
163 | data: (function() { |
||
164 | // generate the series length |
||
165 | var data = [], |
||
166 | time = (new Date()).getTime(), |
||
167 | i; |
||
168 | |||
169 | for (i = -19; i <= 0; i += 1) { |
||
170 | data.push({ |
||
171 | x: time + i * 1000, |
||
172 | y: 0 |
||
173 | }); |
||
174 | } |
||
175 | return data; |
||
176 | }()) |
||
177 | }, { |
||
178 | name: 'FPS', |
||
179 | data: (function() { |
||
180 | // generate the series length |
||
181 | var data = [], |
||
182 | time = (new Date()).getTime(), |
||
183 | i; |
||
184 | |||
185 | for (i = -19; i <= 0; i += 1) { |
||
186 | data.push({ |
||
187 | x: time + i * 1000, |
||
188 | y: 0 |
||
189 | }); |
||
190 | } |
||
191 | return data; |
||
192 | }()) |
||
193 | }, { |
||
194 | name: 'Physics FPS', |
||
195 | data: (function() { |
||
196 | // generate the series length |
||
197 | var data = [], |
||
198 | time = (new Date()).getTime(), |
||
199 | i; |
||
200 | |||
201 | for (i = -19; i <= 0; i += 1) { |
||
202 | data.push({ |
||
203 | x: time + i * 1000, |
||
204 | y: 0 |
||
205 | }); |
||
206 | } |
||
207 | return data; |
||
208 | }()) |
||
209 | }, { |
||
210 | name: 'Agent Updates', |
||
211 | data: (function() { |
||
212 | // generate the series length |
||
213 | var data = [], |
||
214 | time = (new Date()).getTime(), |
||
215 | i; |
||
216 | |||
217 | for (i = -19; i <= 0; i += 1) { |
||
218 | data.push({ |
||
219 | x: time + i * 1000, |
||
220 | y: 0 |
||
221 | }); |
||
222 | } |
||
223 | return data; |
||
224 | }()) |
||
225 | }] |
||
226 | }); |
||
227 | }); |
||
228 | </script> |
||
229 | </head> |
||
230 | |||
231 | <body> |
||
232 | <script src="js/highcharts.js"></script> |
||
233 | <script src="js/exporting.js"></script> |
||
234 | |||
235 | <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> |
||
236 | |||
237 | </body> |
||
238 | |||
239 | </html> |