グラフ表示アプレット使用方法

概要

このアプレットはパラメータで与えられた値でグラフを表示するアプレットです
川の水位変化を表示する為に作成した物ですが他にも使用出来るようでしたらどうぞ御自由にお使い下さい
0以下には使用できません グラフの線(ポイント)は5本迄
縦軸最高値や日数にはパラメータの所で説明している制限が有ります
日数が多くなると日付表示が重ならない様日付表示を5日置きに間引きます それでも多くなると10日置きに間引きます
gwrite2では曜日を一つ指定して間引く事も出来ます

ダウンロード

プログラムgwrite1.jar 3.67kB   ソースgwritejava1.lzh 2.28kB
パラメーターで与えたデーター数の1つをグラフの横軸の1目盛とします
プログラムgwrite2.jar 5.64kB   ソースgwritejava2.lzh 3.59kB
パラメーターで与えたデーターの日付から日数を計算して1日をグラフの横軸の1目盛とします
棒グラフを1つ表示出来ます
日付とは関係なく一つのデータを1目盛として折線グラフを2本表示出来ます
プログラムgwrite3.jar 7.00kB   ソースgwritejava3.lzh 4.45kB
gwrite2の機能に加えグラフの最低値(−も可)を指定できる
1日を横軸1目盛とする折線グラフを1本表示
上と下の値の間を塗りつぶした幅を持ったグラフを1つ表示

設置方法

ダウンロードしたgwrite1.jar又はgwrite2.jarをグラフを表示したいhtmlファイルと同じディレクトリー(フォルダー)に置いて
グラフを表示したい位置に次のようなアプレット及びパラメータのタグを書いてください

gwrite2の場合
<applet code="gwrite" archive="gwrite2.jar" width=580 height=200 >
<param name="bgcolor" value="ffffff">
<param name="yMax" value="300">
<param name="point" value="ポイント1,ポイント2,ポイント3">
<param name="linecolor" value="0000cc,ff00ff,ff0000">
<param name="suii" value="405,37,120,230:410,55,150,210:415,250,83,30:420,130,50,230">
<param name="uryou" value="405,45:410,33:414,75:415,125">
水位変化グラフ</applet>

上記指定時の表示例
水位変化グラフ

パラメーターの説明

グレーの文字のパラメーターは省略出来ます
この文字色のパラメーターはgwrite2以上で使用できます
<applet code="gwrite" archive="gwrite1.jar" width=580 height=200 >
archive にはご使用になる方の gwrite1.jar 又は gwrite2.jar を指定して下さい
width , height にはブラウザ上で表示したいサイズを指定して下さい
<param name="bgcolor" value="ffffff"> 省略可
バックグラウンドカラーの指定 省略時 e0e0e0
<param name="yMax" value="300"> 省略可
グラフ縦軸最高値の指定 省略時パラメーター内最高値を整数に切り上げた数値
目盛の表示が4桁を超えるとグラフ内にかぶってきます
<param name="point" value="ポイント1,ポイント2,ポイント3">
グラフの上の凡例に表示する名前です 最大5箇所まで
<param name="linecolor" value="0000cc,ff00ff,ff0000"> 省略可
グラフの線の色の指定です ポイント1から順に指定して下さい
 省略時 0000cc,ff00ff,00ffff,00bb33,ff0000
<param name="suii" value="419,37,120,230:420,55,150,210:421,55,83,150:422,130,50,280">
グラフに与えるデータです
このデータの日付でグラフの横目盛の幅を計算しますので省略出来ません
一日分を月を百倍した物に日を足した数 , ポイント1のデータ , ポイント2のデータ , ポイント3のデータと言う風に , で区切って
更に一日分を : で区切って日数分書きます
日数がグラフの表示領域(appletのwidth-45)より大きいとグラフを表示出来ません
(width-45)/日数が3より小さいと指定画面一杯にグラフを表示出来ない事が有ります

パラメータタグのバリューの上限値は1024バイトらしいです HTML4からは65536バイトだそうです1024バイトを超えると表示できないブラウザも有るかもしれません
上記のアプレットの幅の問題もあり180日位が実用上の限界かと思います

これより下のパラメーターはgwrite1では使用出来ません
<param name="year" value="2003"> 省略可
指定した年(西暦)を suiiデータの最初の日付の年とします
省略時は suiiデータの最後の日付を今年の日付とします
日付のデータが途中で一つ前より小さくなった時 日付の年が1年増えたと判断します
<param name="uryou" value="405,45:410,33:414,75:415,125"> 任意
棒グラフ用のパラメーターです指定した数値の高さの棒グラフを描画します
日付の指定方法は"suii"パラメーターと同じです
"suii"パラメーターの期間外の日付は指定出来ません
<param name="uryouname" value="棒グラフポイント名"> 任意
棒グラフの凡例に表示する名前です
<param name="uryoucolor" value="0088ff"> 省略可
棒グラフの色 省略時 0088ff
<param name="youbi" value="1"> 任意
日付を間引く時 表示する曜日を指定 1:日, 2:月, 3:火, 4:水, 5:木, 6:金, 7:土,
指定しても日付が重なる時従来通り1日と15日表示 省略時5日又は10日おき表示
<param name="kion1" value="255,235,332,243"> 任意
データの1つを×軸1目盛として(日付に関係なく)グラフを表示します
<param name="kion1name" value="kion1のポイント名"> 任意
kion1の凡例に表示する名前です
<param name="kion1color" value="0088ff"> 省略可
kion1のグラフの色 省略時 ffff00
<param name="kion2" value="98,55,46,67,101"> 任意
データの1つを×軸1目盛として(日付に関係なく)グラフを表示します
<param name="kion2name" value="kion2のポイント名"> 任意
kion2の凡例に表示する名前です
<param name="kion2color" value="0088ff"> 省略可
kion2のグラフの色 省略時 3333ff

これより下のパラメーターはgwrite3のみ使用出来ます
<param name="yMax" value="300,0"> 省略可 このパラメーターは上記2つのアプレットと違います
指定するときには必ず最高値と最低値をセットで指定して下さい 片方だけ指定するとエラーになります
マイナス値も指定できます
<param name="kaisui" value="405,180:410,185:414,180:415,180"> 任意
折線グラフ用のパラメーターです指定した数値で1日を横軸1目盛とする折線グラフを描画します
日付の指定方法は"suii"パラメーターと同じです
"suii"パラメーターの期間外の日付は指定出来ません
<param name="kaioncolor" value="0066ff"> 省略可
kaisuiのグラフの色 省略時 0066ff
<param name="kaionname" value="kaisuiのポイント名"> 任意
kaisuiの凡例に表示する名前です
<param name="kionhaba" value="180,55:210,85:225,75"> 任意
二つの値の間を塗りつぶした棒グラフをデータのセット一つを横軸1目盛として表示します
大きい方の値を先に指定して下さい
<param name="kionhabacolor" value="ffffbb"> 省略可
kionhabaのグラフの色 省略時 ffffbb
<param name="kionhabaname" value="kionhabaのポイント名"> 任意
kionhabaの凡例に表示する名前です

変更履歴

2003.11.15gwrite3 uryouパラメータの棒グラフの高さ計算切り上げに変更
2003.10.21gwrite3公開
2003.8.27uryouとkion1,kion2のデータを内部で0.01倍,0.1倍していたのを止め与えられたデータをそのまま表示するように変更
2003.7.24gwrite2に日付に関係なく表示するグラフ2本追加
2003.7.23gwrite2に日付を曜日を指定して間引く機能追加
2003.7.22gwrite2に雨量用の棒グラフを1つ表示する機能追加
2003.3.28日付を間引いた時日付の上に目盛を表示
2003.3.251年を超えても表示出来る様変更
2003.3.11縦軸の最高値をアプレットのドット数以上でも指定出来るよう変更
最終日付の表示が前日日付と重ならない様修正
2002.11.141日を1目盛とするバージョン gwrite2 作成
2002.9.5最高値に小数も指定できるように変更
2002.7.16最終日の数値を表示するように変更
2002.7.1日数が多くなった時グラフ上の点の表示をしないように変更
2002.6.27表示日付を間引いた時でも最終日は表示するように変更
2002.6.13公開

免責事項

当サイトのアプレットやスクリプト等を使用の結果生じる如何なる損害も私(鮎呆け)は保証いたしません
使用される方の自己責任に於いてご使用下さい

前のページへ戻る