corrade-http-templates – Blame information for rev 8

Subversion Repositories:
Rev:
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>