Google Chart APIを使ってみる(その１ 円グラフ)

技術的なこと

URLを叩けば即出力されるとのことなので、えいっ！

http://chart.apis.google.com/chart?cht=p3&chd=t:30,70&chs=250x100
&chl=ringo|mikan
&chtt=ringo%20to%20mikan
&chco=FF0000,0000FF
&chf=bg,s,bcbcbc

おお。簡単だ。



Google Chart API の 円グラフ(Pie Chart)で利用できるパラメータ一覧
必須パラメータ説明例例の意味注意事項
○chtグラフの種類cht=p33D円グラフなし
○chd表示するデータchd=t:30,70表示するデータは30,70の２つの値指定方法は３通り。[t:]はテキスト表記で一番簡単。使える値は0〜100
○chsグラフの大きさchs=250x100幅250×高さ100幅高それぞれ1000ピクセルまで。掛け算して300000まで。
 chlラベルchl=ringo|mikan30にringo,70にmikanのラベルを付けるUTF-8にURLエンコードで日本語可
 chttグラフのタイトルchtt=ringo%20to%20mikanグラフのタイトルをringo to mikanにするUTF-8にURLエンコードで日本語可
 chco色指定chco=FF0000,0000FF色は赤と青なし
 chfグラフエリアと背景の塗りchf=bg,s,bcbcbc背景をbcbcbcで塗るなし

最初の３つのパラメータ(cht,chd,chs)が必須項目。




ちなみにUTF-8にURLエンコードすれば日本語も通るんるん。

http://chart.apis.google.com/chart?cht=p3&chd=t:30,70&chs=250x100
&chl=%e3%82%8a%e3%82%93%e3%81%94|%e3%81%bf%e3%81%8b%e3%82%93
&chtt=%e3%82%8a%e3%82%93%e3%81%94%e3%81%a8%e3%81%bf%e3%81%8b%e3%82%93
&chco=FF0000,0000FF
&chf=bg,s,bcbcbc




cht=pにすれば2D円グラフ。




３０とか７０の値を表示することは出来ないのかなあ……

ベン図(Venn Diagram)に続く……かもしれない。

続きました　→　Google Chart APIを使ってみる(その２ ベン図) - めもいか



[参考]http://code.google.com/apis/chart/