Showing
1 changed file
with
17 additions
and
8 deletions
| ... | @@ -39,6 +39,15 @@ | ... | @@ -39,6 +39,15 @@ |
| 39 | </div> | 39 | </div> |
| 40 | </div> | 40 | </div> |
| 41 | 41 | ||
| 42 | + <script src="/socket.io/socket.io.js"></script> | ||
| 43 | + <script> | ||
| 44 | + var socket = io.connect('/'); | ||
| 45 | + socket.emit("connection"); | ||
| 46 | + socket.on("weatherInfo_minutely_send_to_cliend",(info)=>{ //서버에서 client에게 메세지 전송 | ||
| 47 | + console.log(info); | ||
| 48 | + }); | ||
| 49 | + </script> | ||
| 50 | + | ||
| 42 | <!-- 첫번째 그래프 --> | 51 | <!-- 첫번째 그래프 --> |
| 43 | <script type="text/javascript"> | 52 | <script type="text/javascript"> |
| 44 | Highcharts.chart("container1", { | 53 | Highcharts.chart("container1", { |
| ... | @@ -52,7 +61,7 @@ | ... | @@ -52,7 +61,7 @@ |
| 52 | var series = this.series[0]; | 61 | var series = this.series[0]; |
| 53 | setInterval(function() { | 62 | setInterval(function() { |
| 54 | var x = new Date().getTime(), // 현재 시간 | 63 | var x = new Date().getTime(), // 현재 시간 |
| 55 | - y = 0.7; //여기에 새로 넣을 값 | 64 | + y = 0; //여기에 새로 넣을 값 |
| 56 | series.addPoint([x, y], true, true); | 65 | series.addPoint([x, y], true, true); |
| 57 | }, 60000); //1000=1초 -> 1분=60000 | 66 | }, 60000); //1000=1초 -> 1분=60000 |
| 58 | } | 67 | } |
| ... | @@ -130,7 +139,7 @@ | ... | @@ -130,7 +139,7 @@ |
| 130 | x: time + i * 60000, | 139 | x: time + i * 60000, |
| 131 | y: temp | 140 | y: temp |
| 132 | }) | 141 | }) |
| 133 | - j++; | 142 | + i++; |
| 134 | } | 143 | } |
| 135 | <%})%> | 144 | <%})%> |
| 136 | 145 | ||
| ... | @@ -154,7 +163,7 @@ | ... | @@ -154,7 +163,7 @@ |
| 154 | var series = this.series[0]; | 163 | var series = this.series[0]; |
| 155 | setInterval(function() { | 164 | setInterval(function() { |
| 156 | var x = new Date().getTime(), // 현재 시간 | 165 | var x = new Date().getTime(), // 현재 시간 |
| 157 | - y = Math.random(); // | 166 | + y = 0; // |
| 158 | series.addPoint([x, y], true, true); | 167 | series.addPoint([x, y], true, true); |
| 159 | }, 60000); //1000=1초 | 168 | }, 60000); //1000=1초 |
| 160 | } | 169 | } |
| ... | @@ -232,7 +241,7 @@ | ... | @@ -232,7 +241,7 @@ |
| 232 | x: time + i * 60000, | 241 | x: time + i * 60000, |
| 233 | y: temp | 242 | y: temp |
| 234 | }) | 243 | }) |
| 235 | - j++; | 244 | + i++; |
| 236 | } | 245 | } |
| 237 | <%})%> | 246 | <%})%> |
| 238 | 247 | ||
| ... | @@ -256,7 +265,7 @@ | ... | @@ -256,7 +265,7 @@ |
| 256 | var series = this.series[0]; | 265 | var series = this.series[0]; |
| 257 | setInterval(function() { | 266 | setInterval(function() { |
| 258 | var x = new Date().getTime(), // 현재 시간 | 267 | var x = new Date().getTime(), // 현재 시간 |
| 259 | - y = Math.random(); // | 268 | + y = 0; // |
| 260 | series.addPoint([x, y], true, true); | 269 | series.addPoint([x, y], true, true); |
| 261 | }, 60000); //1000=1초 | 270 | }, 60000); //1000=1초 |
| 262 | } | 271 | } |
| ... | @@ -334,7 +343,7 @@ | ... | @@ -334,7 +343,7 @@ |
| 334 | x: time + i * 60000, | 343 | x: time + i * 60000, |
| 335 | y: temp | 344 | y: temp |
| 336 | }) | 345 | }) |
| 337 | - j++; | 346 | + i++; |
| 338 | } | 347 | } |
| 339 | <%})%> | 348 | <%})%> |
| 340 | 349 | ||
| ... | @@ -358,7 +367,7 @@ | ... | @@ -358,7 +367,7 @@ |
| 358 | var series = this.series[0]; | 367 | var series = this.series[0]; |
| 359 | setInterval(function() { | 368 | setInterval(function() { |
| 360 | var x = new Date().getTime(), // 현재 시간 | 369 | var x = new Date().getTime(), // 현재 시간 |
| 361 | - y = Math.random(); // | 370 | + y = 0; // |
| 362 | series.addPoint([x, y], true, true); | 371 | series.addPoint([x, y], true, true); |
| 363 | }, 60000); //1000=1초 | 372 | }, 60000); //1000=1초 |
| 364 | } | 373 | } |
| ... | @@ -436,7 +445,7 @@ | ... | @@ -436,7 +445,7 @@ |
| 436 | x: time + i * 60000, | 445 | x: time + i * 60000, |
| 437 | y: temp | 446 | y: temp |
| 438 | }) | 447 | }) |
| 439 | - j++; | 448 | + i++; |
| 440 | } | 449 | } |
| 441 | <%})%> | 450 | <%})%> |
| 442 | 451 | ... | ... |
-
Please register or login to post a comment