グラフ作成test ver0.02
あいかわらず基本動作だけですが、多少見栄えをそれらしくしてみました。
フォームに数字を入れてグラフボタンを押してみてください。
x,yを書き換えれば表の大きさも変えられます。(とりあえず、Netscape3.0専用)
たとえば、セカンドフレームにデータページを読み込んでサブウインドウへグラフを表示するとかすれば、何かの役には立つかも(^^)。


Sample

フォームに数字を入れてグラフ描画をクリックしてみてください。

Source
ソース

<HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript1.1"> <!-- //項目名 var koumoku=new Array(); koumoku[0]="Performa588"; koumoku[1]="LC3"; koumoku[2]="FMV-5133DPS"; koumoku[3]="FM8"; koumoku[4]="PC9821-V166"; var x=20 ;//x軸 var y=5 ;//y軸 var gx = new Array(); var gy = new Array(); function gfWrite() { //イメージの事前読み込み if(navigator.appVersion.charAt(0)>=3) { Ushionimg = new Array(); Ushionimg[0] = new Image(); Ushionimg[0].src = "USHIBATSU.GIF"; Ushionimg[1] = new Image(); Ushionimg[1].src = "USHI9.GIF"; } //グラフ表組み構築 document.write("<TABLE>") //document.write("<TR>") document.write("<FORM>") for(gi=0;gi<y;gi++) { document.write("<NOBR>") document.write(""+gi.toString().sup()+" : ".sup()) document.write(koumoku[gi].sup()) document.write("<BR>") document.write("<INPUT TYPE='text' SIZE='5'>".sup()) for(gj=0;gj<x;gj++) { document.write("<IMG SRC='USHI9.GIF' NAME='"+gj+","+gi+"' WIDTH='20' HEIGHT='20' VSPACE='0'>") } document.write("</NOBR>") document.write("<BR>") } document.write("</FORM>") document.write("</TR>") document.write("<FORM>") document.write("<INPUT TYPE='button' VALUE='クリア' onClick='setup(1)'>") document.write("<INPUT TYPE='button' VALUE='グラフ描画' onClick='fiscn();gr()'>") document.write("</FORM>") } var fdata=new Array() //データ読み込み function fiscn(){ for(fi=0;fi<y;fi++){ fdata[fi]=document.forms[0].elements[fi].value if(fdata[fi]>x)fdata[fi]=x } } //グラフの書きだし function gr() { if(navigator.appVersion.charAt(0)>=3) { for(gi=0;gi<y;gi++) { for(gj=0;gj<fdata[gi];gj++) { document.images[gi*x+gj].src=Ushionimg[0].src } } } } //指定したimgNoの画像で画面を塗りつぶす function setup(imgNo) { if(navigator.appVersion.charAt(0)>=3) { for(cl=0;cl<x*y;cl++) { document.images[cl].src=Ushionimg[imgNo].src }; }; }; <!----> </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript1.1"> <!-- gfWrite() <!----> </SCRIPT> </BODY> </HTML>

使用している画像:
USHI9.GIF
USHIBATSU.GIF


Maintained by
tato@fureai.or.jp/JavaScriptExampls works1997 Toshirou Takahashi