公式戦の開幕に向けて以下のコンテンツをJavaScriptで作成した。
・勝敗グラフ
・例えば○●△雨だけ入力すれば、自動折れ線グラフを
作成するJavaScriptアプリを作成する。
・当初ＥＸＣＥＬや、グラフソフトとかでグラフ書いて、
それをＧＩＦに落としてＵＰしようとか考えたけど、
時間掛かるし、そもそも１４０試合全部を
表示してＧＩＦに変換しようとしても、
数試合分がなぜかカットされる。^^);;
・なので、JavaScriptで作成する無謀なことを考えた。
この折れ線グラフをJavaScriptで書いてあるページは
探したけど無かった。そこで、どうやってやるか考えて、
思いついたのが、単純にグラフをＧＩＦ画像に分解して、
ＧＩＦ画像をタイル式に貼り付けて行く形態で作成。
☆その後、これだとグラフ以外の隙間も空白画像で埋める
ので表示時間が物凄く掛かるため、
ダイナミックＨＴＭＬでグラフ部分のみ画像を配置する
ように書き直した。
☆さらに直線部分を図形用のＶＭＬで描画するバージョンも
作成したが、こちらはＩＥ専用ということもあって
未公開のままですね。
[1回]
PR
