1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <!DOCTYPE html>
- <html>
- <head>
- </head>
- <body>
- <div style="width: 500px">
- <svg id="chart-1" viewBox="0 0 80 40">
- </svg>
- </div>
- <link rel="stylesheet" href="css/drawGridStyle.css" media="screen" type="text/css" />
- <script src='js/jquery.js'></script>
- <script src='js/snap.svg-min.js'></script>
- <script src="js/drawGrid.js"></script>
- <script>
- var chart_1_list = [
- 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,0,0,0,0,0,0,0,0,0,0,
- ];
- drawGrid('#chart-1');
- drawLineGraph('#chart-1', chart_1_list, 1,100,0);
- setInterval(function(){
- //要执行的代码
- // drawGrid('#chart-1');
- // chart_1_list.shift();
- // chart_1_list.push(Math.ceil( Math.random()*10))
- // drawLineGraph('#chart-1', chart_1_list, 1);
- // chart_1_list.shift();
- chart_1_list.push(chart_1_list.shift() + Math.ceil( Math.random()*10));
- if(Math.abs(Math.max.apply(Math,chart_1_list) - Math.min.apply(Math,chart_1_list)) > 0 ){
- drawGrid('#chart-1');
- drawLineGraph('#chart-1', chart_1_list, 1,100,0);
- }
- },200);
- </script>
- </body>
- </html>
|