Пример построения диаграммы на JavaScript

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

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

<div id="R"></div>
<script>
col=new Array("#0000FF","#00FF00","#00FFFF","#FF0000","#FF00FF");
str='\n<table style="width:100%;max-width:800px;">';
 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>';
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>

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