간단한 수치만 입력하면 막대 그래프를 그릴 수 있는 스크립트

이 스크립트는 간단한 수치만 입력하면 막대 그래프를 그릴 수 있는 스크립트이다.

그래프의 수치는 소스의 주석을 참고하여 수정하면된다.

브라우저: 인터넷 익스플로러 4.0 이상
라이센스: freeware
사용언어: Javascript

<HTML><HEAD><style type="text/css"></style><p><center><font color="white"><b>▶ </b></font><a href="http://korea.internet.com/channel/list.asp?cid=189&zid=12"><b>코리아인터넷닷컴 자바스크립트 소스/예제 모음</b></a></center><p><br><br><table width="100%" height="30%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" valign="middle"><font face="Verdana" size="2" color="#000000f"><script language="JavaScript1.2">//그래프에서 사용하는 이미지var graphimageP="/images/nid_image/bar_tot.gif"//graphx[배열번호] = [재목, 차지하는 비율]var graphv=new Array()graphv[0]=["CNN","28%"]graphv[1]=["MSNBC","36%"]graphv[2]=["ABC News","11%"]graphv[3]=["BBC News","25%"]function graphitP(g,gwidth){outputP='<table border="0" cellspacing="0" cellpadding="0">'for (i=0;i<g.length;i++){calwidthP=gwidth*(parseInt(g[i][1])/100)outputP+='<tr><td>'+g[i][0]+'</td><td><img src="'+graphimageP+'" width="'+calwidthP+'" height="10"> '+g[i][1]+'</td></tr>'}outputP+='</table>'document.write(outputP)}//숫자는 그래프의 폭graphitP(graphv,500)</script></font></td></tr></table><br><br><br><br><br><p align="center"><a href="/channel/content.asp?kid=13&nid=20684#test"><img src="/images/w_list3.gif" border="0"></a></p></body></html>

UX : 노트필기

간단한 수치만 입력하면 막대 그래프를 그릴 수 있는 스크립트

티스토리툴바

간단한 수치만 입력하면 막대 그래프를 그릴 수 있는 스크립트

'paran/[ Script ]' Related Articles

티스토리툴바