图奈娱乐

全部频道

您的当前位置：首页JavaScript根据数据生成百分比图和柱状图的实例代码_javascript技巧

JavaScript根据数据生成百分比图和柱状图的实例代码_javascript技巧

来源：图奈娱乐


代码如下:


JS百分比图和柱状图













Sample Piechart


Random numbers drawn as a simple pie

One: 30

Two: 18

Three: 13

Four: 9

Five: 5




function displayTitle( title )
{
document.write("
" + title + "

");
}
function generateRandomNumber(num) {
return Math.round( Math.random() * (num - 1) ) + 1;
}
function plottablehead( val )
{
document.writeln("");
document.write("" + val + "");
}
function plottabletail()
{
document.write("

");
}
function plotcolor(d, clr)
{
for(i=1;i<=d;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();
//-->




显示全文