仕事中真面目なフリをしてたら「仕事ないだろ？？暇なら勉強がてらこの表をグラフで表示してくれよ」などと言われた為、やってみたら 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 |
スクリプトの中身は tablecloth に jQuery と jQuery.jsonp を追加して jpgraphを使用したグラフを作成する php スクリプトを叩きに行ってるだけなのでそんなに難しい事はしてない。javaScriptの書き方よくわからんで、getJSONPのコールバック関数の書き方がこれでいいのか不安すぎる。
早速これをいろんなサイトで実行してみたけど、上手く動かないところ多い。テーブル中で列結合とかしてるとまず動かないし、入ってくる値の処理も上手くいってない(全てint型にキャストしてるだけ)。日本語も通らないとダメダメだなこりゃ。
Sponsored Link