Tuning-B　タイムオシログラフ

以下がこのTBOSCGraphを表示させるHTMLページスクリプト
var graph = new TBOSCGraph(DAControl,test,""); var graph2 = new TBOSCGraph(DAControl2,test2,""); draw(); setD(); var testd = 0; function draw(){ setTimeout(draw,300); graph.draw(); graph2.draw(); } function setD() { setTimeout(setD,100); if (Datapush.checked) { testd++; var nowt = new Date().getTime(); //status = nowt; graph.pushData("A",nowt,testd%100); graph.pushData("B10Sec",nowt,100-testd%100); graph.pushData("B2",nowt,testd%100); graph2.pushData("C",nowt,testd%100); graph2.pushData("B90Sec",nowt,100-testd%100); } }

2つの時間幅の異なるオシログラフを作成し合計５つの項目のグラフを描いています。
データのサンプリングを上記プログラムの通り100ms周期で5項目について行い、描画は300ms周期で行っています。
左のグラフは時間幅が10秒で時間軸スケール線を1秒間隔、右のグラフは時間幅90秒で時間軸スケール線が5秒間隔となっています。グラフに描く項目数は1からｎ個（理論的に3個以上設定できますが、多くすれば縦軸ラベルなど見た目が苦しくなります。
処理時間もその分遅くなる）設定できます。
グラフの時間幅とスケール間隔も任意に設定出来ます。
これらはグラフ下の表<TABLE>に指定されています。
グラフ領域はDirectAnimationコントロールを<OBJECT>タグで引き込んだ分設けることが出来ます。（このページでは2個）そしてこれらは別の時間幅・密度を持ことが出来ます。

このページ並び関連のスクリプト、スクリプトファイルの著作権は作者（H.tokeo）にあります。
このページは自由に持ち帰り変更して利用して頂いて構いません。
グラフ描画用のモジュールスクリプトファイル（TBOSCGraph2.jse）はご自由に持ち帰り利用して結構です（変更・リバエンは禁止です）。
不明点など作者へご連絡下さい。

企画・作成　本田とけおH.tokeo(Singo Bluse Nabeshima) tokeon@rainbow.plala.or.jp
Since 2003/12/3