JavaScript根据数据生成百分比图和柱状图

立即学习“Java免费学习笔记（深入）”；

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

立即学习“Java免费学习笔记（深入）”；

a:hover {color:maroon}   

h2 {color:#006600;   

       margin-top: 0pt;   

       margin-bottom: 0pt}   

h3 {color:#006600;   

       margin-top: 6pt;   

       margin-bottom: 3pt}   

h4 {color:#006600;   

       font-family: Arial;   

       font-size: 10pt;   

       margin-top: 3pt;   

       margin-bottom: 0pt}   

h5 {color:#006600;   

       margin-top: 0pt;   

       margin-bottom: 0pt}   

p  {margin-top: 0pt;   

       margin-bottom: 12pt}   

function displayTitle( title )   

{   

   document.write("

}   

function generateRandomNumber(num) {   

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

}   

function plottablehead(  val )   

{   

   document.writeln("

   document.write("

}   

function plottabletail()   

{   

  document.write("

}   

function plotcolor(d, clr)   

{   

    for(i=1;i

  document.write("

 }   

}   

function setColor(foreground,background)   

{   

  document.fgColor=foreground;   

  document.bgColor=background;   

}   

setColor("orange","black");   

a=generateRandomNumber(50);   

plottablehead( a );   

plotcolor(a, "red");   

plottabletail();   

a=generateRandomNumber(50);   

plottablehead( a );   

plotcolor(a, "blue");   

plottabletail();   

a=generateRandomNumber(50);   

plottablehead( a );   

plotcolor(a, "green");   

plottabletail();   

a=generateRandomNumber(50);   

plottablehead( a );   

plotcolor(a, "yellow");   

plottabletail();   

a=generateRandomNumber(50);   

plottablehead( a );   

plotcolor(a, "gray");   

plottabletail();   

a=generateRandomNumber(50);   

plottablehead( a );   

plotcolor(a, "midnightblue");   

plottabletail();   

//-->