Гистограмма

⇐ Предыдущая 15 16 17 18 19 202122 Следующая ⇒

Данный пример строит гистограмму по случайным значениям. Ни HTML, ни JavaScript не позволяют рисовать в окне браузера. Однако можно формировать картинку из маленьких изображений, хранящихся в файлах, с помощью объекта image.

Рис. 5. Гистограмма

Документ содержит таблицу с десятью строками и десятью столбцами. В каждой ячейке таблицы находится изображение. При нажатии кнопки в форме в таблице строится гистограмма путем замены белых изображений (white.gif) на голубые (blue.gif). Обратите внимание, что изображения в документе нумеруется в порядке их описания, т.е. в таблице номера ячеек растут по строке.

<HTML>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function d_rand() {

for(j=0;j<10;j++)

for(i=0;i<10;i++) {

y= Math.floor(Math.random()*10);

if (i>(9-y)) document.images[j+i*10].src = "blue.gif"

else document.images[j+i*10].src = "white.gif"

}}

</SCRIPT>

<BODY bgcolor=ffffff>

<CENTER>

<TABLE BORDER=0>

<TR>

<TD><img src="white.jpg" width=20 height=10></TD>

.......

</TR>

<TR>

<TD><img src="white.jpg" width=20 height=10></TD>

.......

</TR>

.......

<TR>

.......

<TD><img src="white.jpg" width=20 height=10></TD>

</TR>

</TABLE>

<FORM NAME=diagram>

<INPUT NAME=random TYPE=button VALUE="Гистограмма" onClick="d_rand()">

</FORM>

</CENTER>

</BODY>

</HTML>

⇐ Предыдущая 15 16 17 18 19 202122 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2014-12-27; Просмотров: 492; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.011 сек.