忍者ブログ
[463] [465] [467] [466] [468] [470] [472] [471] [473] [474] [475]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

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

勝敗グラフ

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

  ・当初EXCELや、グラフソフトとかでグラフ書いて、
   それをGIFに落としてUPしようとか考えたけど、
   時間掛かるし、そもそも140試合全部を
   表示してGIFに変換しようとしても、
   数試合分がなぜかカットされる。^^);;

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

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

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

拍手[1回]

PR

コメント


コメントフォーム
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード
  Vodafone絵文字 i-mode絵文字 Ezweb絵文字


トラックバック
この記事にトラックバックする:
忍者ブログ [PR]
カレンダー
10 2017/11 12
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
フリーエリア
[-]最新トラックバック
プロフィール
HN:
7maru
性別:
非公開
自己紹介:

バーコード
ブログ内検索
[+]アーカイブ
アクセス解析