Showing
1 changed file
with
54 additions
and
37 deletions
... | @@ -39,13 +39,30 @@ | ... | @@ -39,13 +39,30 @@ |
39 | 39 | ||
40 | var date = new Date().getTime(); | 40 | var date = new Date().getTime(); |
41 | 41 | ||
42 | - chart1.series.data.push({ | 42 | + chart1.series[0].addPoint({ |
43 | x: date, | 43 | x: date, |
44 | y: info.death | 44 | y: info.death |
45 | }) | 45 | }) |
46 | + | ||
47 | + chart2.series[0].addPoint({ | ||
48 | + x: date, | ||
49 | + y: info.temperature | ||
50 | + }) | ||
51 | + | ||
52 | + chart3.series[0].addPoint({ | ||
53 | + x: date, | ||
54 | + y: info.wind | ||
55 | + }) | ||
56 | + | ||
57 | + chart4.series[0].addPoint({ | ||
58 | + x: date, | ||
59 | + y: info.rain | ||
60 | + }) | ||
61 | + | ||
46 | }); | 62 | }); |
47 | </script> | 63 | </script> |
48 | <script type="text/javascript"> | 64 | <script type="text/javascript"> |
65 | + //사망률 | ||
49 | var chart1 = Highcharts.chart("container1", { | 66 | var chart1 = Highcharts.chart("container1", { |
50 | chart: { | 67 | chart: { |
51 | type: "areaspline", | 68 | type: "areaspline", |
... | @@ -150,23 +167,23 @@ | ... | @@ -150,23 +167,23 @@ |
150 | } | 167 | } |
151 | ] | 168 | ] |
152 | }); | 169 | }); |
153 | - | 170 | + //기온 |
154 | var chart2 = Highcharts.chart("container2", { | 171 | var chart2 = Highcharts.chart("container2", { |
155 | chart: { | 172 | chart: { |
156 | type: "spline", | 173 | type: "spline", |
157 | animation: Highcharts.svg, // don't animate in old IE | 174 | animation: Highcharts.svg, // don't animate in old IE |
158 | marginRight: 10, | 175 | marginRight: 10, |
159 | - events: { | 176 | + // events: { |
160 | - load: function () { | 177 | + // load: function () { |
161 | - // set up the updating of the chart each second | 178 | + // // set up the updating of the chart each second |
162 | - var series = this.series[0]; | 179 | + // var series = this.series[0]; |
163 | - setInterval(function () { | 180 | + // setInterval(function () { |
164 | - var x = new Date().getTime(), // 현재 시간 | 181 | + // var x = new Date().getTime(), // 현재 시간 |
165 | - y = 0; // | 182 | + // y = 0; // |
166 | - series.addPoint([x, y], true, true); | 183 | + // series.addPoint([x, y], true, true); |
167 | - }, 60000); //1000=1초 | 184 | + // }, 60000); //1000=1초 |
168 | - } | 185 | + // } |
169 | - } | 186 | + // } |
170 | }, | 187 | }, |
171 | 188 | ||
172 | time: { | 189 | time: { |
... | @@ -255,23 +272,23 @@ | ... | @@ -255,23 +272,23 @@ |
255 | } | 272 | } |
256 | ] | 273 | ] |
257 | }); | 274 | }); |
258 | - | 275 | + //풍속 |
259 | var chart3 = Highcharts.chart("container3", { | 276 | var chart3 = Highcharts.chart("container3", { |
260 | chart: { | 277 | chart: { |
261 | type: "spline", | 278 | type: "spline", |
262 | animation: Highcharts.svg, // don't animate in old IE | 279 | animation: Highcharts.svg, // don't animate in old IE |
263 | marginRight: 10, | 280 | marginRight: 10, |
264 | - events: { | 281 | + // events: { |
265 | - load: function () { | 282 | + // load: function () { |
266 | - // set up the updating of the chart each second | 283 | + // // set up the updating of the chart each second |
267 | - var series = this.series[0]; | 284 | + // var series = this.series[0]; |
268 | - setInterval(function () { | 285 | + // setInterval(function () { |
269 | - var x = new Date().getTime(), // 현재 시간 | 286 | + // var x = new Date().getTime(), // 현재 시간 |
270 | - y = 0; // | 287 | + // y = 0; // |
271 | - series.addPoint([x, y], true, true); | 288 | + // series.addPoint([x, y], true, true); |
272 | - }, 60000); //1000=1초 | 289 | + // }, 60000); //1000=1초 |
273 | - } | 290 | + // } |
274 | - } | 291 | + // } |
275 | }, | 292 | }, |
276 | 293 | ||
277 | time: { | 294 | time: { |
... | @@ -360,23 +377,23 @@ | ... | @@ -360,23 +377,23 @@ |
360 | } | 377 | } |
361 | ] | 378 | ] |
362 | }); | 379 | }); |
363 | - | 380 | + //강수량 |
364 | var chart4 = Highcharts.chart("container4", { | 381 | var chart4 = Highcharts.chart("container4", { |
365 | chart: { | 382 | chart: { |
366 | type: "spline", | 383 | type: "spline", |
367 | animation: Highcharts.svg, // don't animate in old IE | 384 | animation: Highcharts.svg, // don't animate in old IE |
368 | marginRight: 10, | 385 | marginRight: 10, |
369 | - events: { | 386 | + // events: { |
370 | - load: function () { | 387 | + // load: function () { |
371 | - // set up the updating of the chart each second | 388 | + // // set up the updating of the chart each second |
372 | - var series = this.series[0]; | 389 | + // var series = this.series[0]; |
373 | - setInterval(function () { | 390 | + // setInterval(function () { |
374 | - var x = new Date().getTime(), // 현재 시간 | 391 | + // var x = new Date().getTime(), // 현재 시간 |
375 | - y = 0; // | 392 | + // y = 0; // |
376 | - series.addPoint([x, y], true, true); | 393 | + // series.addPoint([x, y], true, true); |
377 | - }, 60000); //1000=1초 | 394 | + // }, 60000); //1000=1초 |
378 | - } | 395 | + // } |
379 | - } | 396 | + // } |
380 | }, | 397 | }, |
381 | 398 | ||
382 | time: { | 399 | time: { | ... | ... |
-
Please register or login to post a comment