Google Chart API


こんな感じで

PNG画像のチャートができます。




HTTPリクエストのURLに全パラメターを記述します。
そのおかげでブラウザキャッシュも効くし
「img」タグで簡単に表示できるし、すごいね Google！





ただ、Google の方に載ってるサンプルは
「chd=s:」ってふうにデータを文字列で
エンコーディングしてるんですが
それがどうにもおいらにとっては分かり辛い ^_^;

なので「chd=t:」でいろいろとサンプルを作ってみました。

Pie Chart (cht = p)

3D Pie Chart (cht = p3)

width : height = 2.5 : 1

Line Chart (cht = lc)

Line Chart (cht = lxy)

Value of axis-x is from 0 to 100.

chd=t:

First line's value set (x|y)

First line's markers


Second line's value set (x|y)

Second line's markers


Third line's value set (x|y)

Third line's markers

Bar Chart (cht = bhs)

Data Order is opposite order of label.

with chbh parameter

Bar Chart (cht = bvs)

label of axis-x is crushed.

with chbh parameter

Bar Chart (cht = bhg)

Data Order is opposite order of label.

with chbh parameter

Bar Chart (cht = bvg)

with chbh parameter

Venn diagrams (cht = v)

chd=t:
60,40,10 = Tokyo,Osaka,Okinawa
4th parameter is common value between Tokyo and Osaka.
5th parameter is common value between Tokyo and Okinawa.
6th parameter is common value between Osaka and Okinawa.
7th parameter is common value for all (?).

Scatter plots (cht = s)

chd=t
First is axis-x value (10,20,30,40,50,60,70,80,90,100)
Second is axis-y value (5,20,10,30,15,20,40,10,60,80)
Third is scale size of point (60,80,100,60,50,60,30,20,10,10)


チャートの種類は網羅しているけど
他にもオプション（背景とか）があります。

このサンプルのソースはこのエントリーの下の
「ダウンロード」リンクからダウンロードできます。
まぁ、このページのソースを見ても分かりますがね ^_^;
＃FireBug 使えばすぐに見つけられますよ。


[元ネタ]
Google Charting API Released