tech blog

« Adobe H.264対応のFlash Player | メイン | 【MovableType4】格闘中・・・・ »

Dec
10

Google Chart API 簡単グラフ作成

GoogleはURLにパラメーターを入れるだけでグラフを作成するAPIを発表しました。

Embed charts in webpages with one of our simplest APIs yet
 

使い方は

 http://chart.apis.google.com/chart?

の後ろに、グラフの形式やデータを&でつなげていくだけです。

例えば3Dのパイグラフの場合のパラメーターは
cht=p3

グラフの大きさを指定します。
chs=300x200

データ値を指定します。
データは5個で「15:25:10:30:20」とします。
chd=s:PZKeU

ラベルを指定します。
chl=A|B|C|D|E

以上のパラメーターをつなげて、imgタグのsrc属性に入れます。
<img xsrc="http://chart.apis.google.com/chart?cht=p3&amp;chd=s:PZKeU&amp;chs=250x100&amp;chl=A|B|C|D|E" alt="Sample chart" />

Sample chart

値の設定が少しややこしいと感じましたが、URLだけでグラフが表示されるなんて手軽で素晴らしいですね。

グラフの色も変えられます。

Sample chart

他にも、折れ線グラフや棒グラフなども作成できます。
パラメータなどはこちらを参考に・・

Developer's Guide

 

trackback

このエントリーのトラックバックURL:
http://www.infocreate.co.jp/nxt/blog/MT/mt-tb.cgi/120

この一覧は、次のエントリーを参照しています: Google Chart API 簡単グラフ作成:

» 国別の宇宙飛行士数をGoogle Chart APIでグラフにしてみました 送信元 星コンスタッフブログ
Google Chart API機能をそのうち使ってみたいなぁ〜[:イヒヒ:] と以前から思っていたので、使ってみました。 (ちなみにGoogle C... [詳しくはこちら]

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

Powered by Movable Type