Google Visualization APIとChart APIを組み合わせてみた
白石俊平
2008/04/02 15:30
Google Visualization APIを使って取得したデータを、Google Chart APIを使ってさくっとグラフで表示してみた。
今回のサンプル
とはいうものの、サンプルの選定にはかなり難儀した。なぜなら、単にデータをグラフ表示するだけなら、既にGoogleスプレッドシート上で使えるもの(ガジェット)が数多く提供されているからだ。
そこで題材として選んだのが、「『日付:数値』という組み合わせのデータから、月ごとの合計値を算出し、グラフ表示する」というものだ。
たとえば、筆者のように、「一仕事いくら」という形で執筆業を行っていると、月々に合計でいくら収入が入ってくるのかよくわからなくなる。そこで、仕事を行った記録をスプレッドシート上に記録するようにし、いつもiGoogleにグラフ表示されていればわかりやすいのではないか、という理由でこのようなサンプルにした(きわめて個人的な動機で申し訳ない)。
今回のサンプルで使用するドキュメントはこちらにある。
グラフの元になる売上明細。もちろん、データのほとんどはダミーである
「掲載日」を月ごとにグループ化し、「原稿料」の合計値を算出してグラフ化したものが以下の画像だ。
作成されるグラフ
サンプルの概要はお分かりいただけたと思うので、早速次のページからソースコードを紹介していきたい。
- 2日前のトップ記事
- 4日前
- 5日前
- 6日前
- 7日前
- ホワイトペーパー
- 読者投票
今、使っているマシンのOSは?
- 話題のタグ
iPhone
オープンソース
Safari
フレームワーク
Eclipse
PHP
ライブラリ
Firefox
JavaScript
Opera
Linux
XHTML
Solaris
リファレンス
Java
Webデザイン
小技
C/C++
Mozilla
iPod touch
Webアプリケーション開発
CSS
Apache
ブラウザ
Microsoft
開発環境
Flash
仮想化
Ajax
Mac OS X
Leopard
Firefox 3
Windows
Tips
MySQL
Internet Explorer
入門
Off Topic
server
Google
HTML
Apple
iPhone 3G
Ruby
Database
SOA
Python
Adobe
RIA
イロハ
話題のタグを見る »
フォトレポート:世界各国の優秀な技術者がパリに集結--Imagine Cup 2008世界大会
バッチ処理でデータベース活用:4つの課題と5つの解決ポイント
Rubyでどう書く?:RubyでWord文書を作成する
Adobe Acrobat 9--音声やクイズを埋め込んでeラーニング
ウェブ制作者が仲間と幸せに仕事をする方法:仲間との出会い
Excelで多用する雑多な操作を素早く片付けるための10のティップス(前編)
開発者のFirefox 3:非互換のアドオンをインストール
今知るべき仮想化情報
「未来の、その先」をどう提言していくか
ZDNet Japan Green IT
Techno Exchange
DELL連載第4回〜「Microsoft System Center」