data_javascript 기술을 기반으로 백분율 차트와 히스토그램을 생성하는 JavaScript용 예제 코드

코드 복사 코드는 다음과 같습니다.

<머리>
  
  
<스타일>  
 v:* {behavior=url(#default#VML)}  
  
<스타일>  
a:hover {color:maroon}  
h2 {color:#006600;  
       여백 상단: 0pt;  
       margin-bottom: 0pt}  
h3 {color:#006600;  
       여백 상단: 6pt;  
       margin-bottom: 3pt}  
h4 {color:#006600;  
       글꼴 모음: Arial;  
       글꼴 크기: 10pt;  
       여백 상단: 3pt;  
       margin-bottom: 0pt}  
h5 {color:#006600;  
       여백 상단: 0pt;  
       여백-하단: 0pt}  
p  {여백-상단: 0pt;  
       여백-하단: 12pt}  
  
  
  
<스타일> p.Chart {글꼴 크기:8pt; 글꼴 모음:"시간"; 색상: 검정색; 텍스트 정렬:오른쪽; }   

  
  
   
   
    
   
 
 

Sample Piechart

  
 

Random numbers drawn as a simple pie

  
   
   
    
    
    
   
 

One: 30

  
   
   
    
    
    
   
 

Two: 18

  
   
   
    
    
    
   
 

Three: 13

  
   
   
    
    
    
   
 

Four: 9

  
   
   
    
    
    
   
 

Five: 5

  

   
  
<머리>  
  
<스크립트 언어=JavaScript>  
function displayTitle( title )  
{  
   document.write("" title "
");  
}  
function generateRandomNumber(num) {  
  return Math.round( Math.random() * (num - 1) ) 1;  
}  
functionplottablehead(  val )  
{  
   document.writeln("");  
   document.write("" val "");  
}  
functionplottabletail()  
{  
  document.write("
");  
}  
functionplotcolor(d, clr)  
{  
    for(i=1;i<=d;i ){  
  document.write("   ");  
 }  
}  
function setColor(foreground, background)  
{  
  document.fgColor=foreground;  
  document.bgColor=배경;  
}  
setColor("주황색","검은색");  
a=생성난수번호(50);  
플롯테이블헤드( a );  
plotcolor(a, "빨간색");  
plottabletail();  
a=생성난수번호(50);  
플롯테이블헤드( a );  
plotcolor(a, "blue");  
plottabletail();  
a=생성난수번호(50);  
플롯테이블헤드( a );  
plotcolor(a, "녹색");  
plottabletail();  
a=생성난수번호(50);  
플롯테이블헤드( a );  
plotcolor(a, "노란색");  
plottabletail();  
a=생성난수번호(50);  
플롯테이블헤드( a );  
plotcolor(a, "회색");  
plottabletail();  
a=생성난수번호(50);  
플롯테이블헤드( a );  
plotcolor(a, "midnightblue");  
plottabletail();  
//-->