首頁 > web前端 > js教程 > 主體

JavaScript根據資料產生百分比圖和長條圖的實例程式碼_javascript技巧

WBOY
發布: 2016-05-16 17:28:50
原創
1084 人瀏覽過
複製程式碼 程式碼如下:



JS百分比圖與長條圖  
  
  
 v:* {behavior=url(#default#VML)}  
  
  
a:hover {color:maroon} 
h {color:maroon} 006600;  
       頂部邊距:0pt;  
       邊距底部:0  
       邊距底部:3pt}  
h4 {顏色:#006600;  
       字型系列:Arial;  
       字體大小:10pt;    邊距底部:0pt}  
h5 {顏色:# 006600;  
       頂部邊距:0pt;  
       下邊距:0 }     
頭>  
  
  
  
   
   
    
 
  
 
 

Sample Piechart

  
 

Random numbers drawn as a simple pie

  
   
   
    
    
    
 
  
 

One: 30

  
   
   
    
    
    
 
  
 

Two: 18

  
   
   
    
    
    
 
  
 

Three: 13

  
   
   
    
    
    
 
  
 

Four: 9

  
   
   
    
    
    
 
  
 

Five: 5

  
   
  
  
頭>  
  
function 🎜>  
function 🎜> 
   document.write("
" title "

");  
}  
函數generateRandomNumber(num) {  }  
函數plottablehead(  val )  
{  
  = docum 
{  
 = docum.write 10 高度= 10 cellpadding = 0 cellspacing = 0>");  
   document.write(" " val "");  
}   {  
  document.write("
");  
}  
函數plotcolor(d, clr)  
{  1;i  document.write("plottabletail();  
a=generateRandomNumber(50); (a, "藍色");  
plottabletail();  
a=generateRandomNumber(50);  
plottablehead( a );   plotcolor(aatai​​l "綠色"); ();  
a=generateRandomNumber(50);  
a=generateRandomNumber(50);  
plottablehead( a );  
plotcolor(a, "黃色");  
plottabletail(); .5;
plottablehead( a );  
plotcolor(a, "灰色");  
plottabletail();  
a=generateRandomNumber(50); a, "午夜藍");  
plottabletail();  
//-->  
腳本>  
頭>  
身體>  
頭>  
身體>  

  

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!