Jquery 图表-CFANZ编程社区

Jquery 图表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
  <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Flot Examples</title>
     
      <script type='text/javascript' src='javascript/jquery-1.6.2.js'></script>  
  <script type='text/javascript' src='javascript/highcharts.js'></script>  
  </head>
   <script type='text/javascript'>      $(function(){  
               
         var chart = new Highcharts.Chart({  
             chart: {  
                
             renderTo: 'container'  
         },  
                 
         series: [{  
             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]         
         }]  
  });  
   
  
  var dataArray = new Array();
  dataArray[0] = [71.5,  106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6,  54.4, 56.3];
  dataArray[1] = [106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6,  54.4,  56.3, 58.6];
  dataArray[2] = [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6,  54.4,  56.3,  58.6, 47.6];
  dataArray[3] = [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6,  54.4,  56.3,  58.6,  47.6, 37.7];
  dataArray[4] = [176.0, 135.6, 148.5, 216.4, 194.1, 95.6,  54.4,  56.3,  58.6,  47.6,  37.7, 40.0];
  dataArray[5] = [135.6, 148.5, 216.4, 194.1, 95.6,  54.4,  56.3,  58.6,  47.6,  37.7,  40.0, 60.3];  var i  =0;
     function getForm(){  
          
           chart.series[0].setData(dataArray[i++]); 
   
      }  
   
       
          window.setInterval(getForm,2000);     
    
     });  
  
     </script>   <body>  
   <div id="container" style="height: 400px"></div>  
  </body>  
 </html>
0 条评论