GraphMakerなんてものを作ってみる。

シェアする

仕事中真面目なフリをしてたら「仕事ないだろ??暇なら勉強がてらこの表をグラフで表示してくれよ」などと言われた為、やってみたら jpgraph を使うだけであっけなかったので尾ひれを付けまくるテスト。

グラフ作るWEBAPIってあるし勢いだけで完成させる気無し。多分Firefox専用、Firefox3rc1でしかテストしてない。

どんなものかというと

  • 指定のスクリプトをブックマークレットに登録
  • グラフを作成したいテーブルがあるページ上でブックマークレット呼び出し
  • テーブルの列をクリックするとグラフを表示!

んでそのブックマークレットがこちら

javascript:(function(){document.body.appendChild(document.createElement('script')).src='http://loumo.jp/prog/graphmaker/graphmaker.js';})();

なんだかわからない人はこのページ開いた状態で上のJavaScriptをURL欄に入れるといいよ!Firefoxでね!以下にサンプル用のテーブル作っておきます。

col1 col2 col3 col4 col5
67 52 53 20 98
68 50 67 49 25
97 43 73 13 45

スクリプトの中身は tableclothjQueryjQuery.jsonp を追加して jpgraphを使用したグラフを作成する php スクリプトを叩きに行ってるだけなのでそんなに難しい事はしてない。javaScriptの書き方よくわからんで、getJSONPのコールバック関数の書き方がこれでいいのか不安すぎる。

早速これをいろんなサイトで実行してみたけど、上手く動かないところ多い。テーブル中で列結合とかしてるとまず動かないし、入ってくる値の処理も上手くいってない(全てint型にキャストしてるだけ)。日本語も通らないとダメダメだなこりゃ。

Sponsored Link

シェアする

フォローする