Google Visualization APIとChart APIを組み合わせてみた

白石俊平
2008/04/02 15:30

Google Visualization APIを使って取得したデータを、Google Chart APIを使ってさくっとグラフで表示してみた。

今回のサンプル

 とはいうものの、サンプルの選定にはかなり難儀した。なぜなら、単にデータをグラフ表示するだけなら、既にGoogleスプレッドシート上で使えるもの(ガジェット)が数多く提供されているからだ。

 そこで題材として選んだのが、「『日付:数値』という組み合わせのデータから、月ごとの合計値を算出し、グラフ表示する」というものだ。

 たとえば、筆者のように、「一仕事いくら」という形で執筆業を行っていると、月々に合計でいくら収入が入ってくるのかよくわからなくなる。そこで、仕事を行った記録をスプレッドシート上に記録するようにし、いつもiGoogleにグラフ表示されていればわかりやすいのではないか、という理由でこのようなサンプルにした(きわめて個人的な動機で申し訳ない)。

 今回のサンプルで使用するドキュメントはこちらにある。

グラフの元になる売上明細。もちろん、データのほとんどはダミーである サンプルデータ

 「掲載日」を月ごとにグループ化し、「原稿料」の合計値を算出してグラフ化したものが以下の画像だ。

作成されるグラフ サンプルグラフ

 サンプルの概要はお分かりいただけたと思うので、早速次のページからソースコードを紹介していきたい。

記事の感想やご意見をコメントでお寄せください(CNET_IDログインが必要です)
ログイン パスワードを忘れた方  |  新規登録
  • 新着記事
  • 人気記事
  • 特集
  • ブログ
  • 読者投票
    今、使っているマシンのOSは?

    投票受付期間:2008年6月27日 〜 2008年7月11日
  • » 投票しないで結果だけ見る