折れ線グラフをJavaScriptで自動作成

公式戦の開幕に向けて以下のコンテンツをJavaScriptで作成した。

・勝敗グラフ

　　・例えば○●△雨だけ入力すれば、自動折れ線グラフを
　　　作成するJavaScriptアプリを作成する。

　　・当初ＥＸＣＥＬや、グラフソフトとかでグラフ書いて、
　　　それをＧＩＦに落としてＵＰしようとか考えたけど、
　　　時間掛かるし、そもそも１４０試合全部を
　　　表示してＧＩＦに変換しようとしても、
　　　数試合分がなぜかカットされる。^^);;

　　・なので、JavaScriptで作成する無謀なことを考えた。
　　　この折れ線グラフをJavaScriptで書いてあるページは
　　　探したけど無かった。そこで、どうやってやるか考えて、
　　　思いついたのが、単純にグラフをＧＩＦ画像に分解して、
　　　ＧＩＦ画像をタイル式に貼り付けて行く形態で作成。

　　☆その後、これだとグラフ以外の隙間も空白画像で埋める
　　　ので表示時間が物凄く掛かるため、
　　　ダイナミックＨＴＭＬでグラフ部分のみ画像を配置する
　　　ように書き直した。

　　☆さらに直線部分を図形用のＶＭＬで描画するバージョンも
　　　作成したが、こちらはＩＥ専用ということもあって
　　　未公開のままですね。