JavaScript はデータに基づいてパーセント グラフと棒グラフを生成します

 

 

   

   

   

v:* {behavior=url(#default#VML)}

   

   

a:ホバー {color:マルーン}

h2 {color:#006600;   

margin-top: 0pt;   

margin-bottom: 0pt}

h3 {color:#006600;   

マージントップ: 6pt;   

margin-bottom: 3pt}

h4 {color:#006600;   

フォントファミリー: Arial;   

フォントサイズ: 10pt;   

マージントップ: 3pt;   

margin-bottom: 0pt}

h5 {color:#006600;   

margin-top: 0pt;   

margin-bottom: 0pt}

p {margin-top: 0pt;   

margin-bottom: 12pt}

   

   

   

p.Chart {font-size:8pt;フォントファミリー:"タイムズ";色:黒;テキスト整列:右; }    

   

   

   

   

   

   

 

サンプル円グラフ

   

単純な円として描かれた乱数

   

   

   

   

   

   

   

1: 30

   

   

   

   

   

   

   

 

Two: 18

   

    

    

     

     

     

    

 

Three: 13

   

    

    

     

     

     

    

 

Four: 9

   

    

    

     

     

     

    

 

Five: 5

   

    

   

   

   

<スクリプト言語=JavaScript>   

function displayTitle( title )

{

document.write("

" + title + "
");   

}

function generatedRandomNumber(num) {

return Math.round( Math.random() * (num - 1) ) + 1;   

}

function Lottablehead( val )

{

document.writeln("

");   

document.write("

" + val + "");   

}

function Lottabletail()

{

document.write("

");   

}

function Lotcolor(d, clr)

{

for(i=1;i<=d;i++){

document.write(" ");   

}

}

function setColor(foreground,background)

{

document.fgColor=foreground;   

document.bgColor=background;   

}

setColor("オレンジ","黒");   

a=生成乱数(50);   

plottablehead( a );   

plotcolor(a, "赤");   

plottabletail();   

a=生成乱数(50);   

plottablehead( a );   

plotcolor(a, "青");   

plottabletail();   

a=生成乱数(50);   

plottablehead( a );   

plotcolor(a, "緑");   

plottabletail();   

a=生成乱数(50);   

plottablehead( a );   

plotcolor(a, "黄色");   

plottabletail();   

a=生成乱数(50);   

plottablehead( a );   

plotcolor(a, "グレー");   

plottabletail();   

a=生成乱数(50);   

plottablehead( a );   

plotcolor(a, "ミッドナイトブルー");   

plottabletail();   

//-->