AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Настоящий пример демонстирирует построение столбцовой диаграммы средствами JavaScript

Диаграмма строится случайным образом. Для перестроения столбцовой диаграммы обновите страницу с помощью F5.

Исходный код этого примера:

<p>Настоящий пример демонстирирует построение столбцовой диаграммы средствами JavaScript</p>

<div id="R"></div>

<script type="text/javascript"><!--
col=new Array("#0000FF","#00FF00","#00FFFF","#FF0000","#FF00FF");
str='\n<center><table width="800px" height="100%">';
 for(i=0;i<10;i++) {
	str+='\n<tr>';
	for(j=0;j<10;j++)
		str+='<td id="_r'+(10*i+j)+'">';
	str+='\n</tr>';
	}

str+='\n</table></center>';

document.getElementById('R').innerHTML=str;

 for(j=0;j<10;j++){
	y= Math.random()*10;
	for(i=9;i>9-y;i--)
		document.getElementById('_r'+(10*i+j)).style.backgroundColor=col[j%5];
	}
//-->
</script>



.

© Copyright 2008-2020 by KDG



Rambler's Top100