Hatena::ブログ(Diary)

めもいか

2007-12-14

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

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の2つの値指定方法は3通り。[t:]はテキスト表記で一番簡単。使える値は0〜100
chsグラフの大きさchs=250x100幅250×高さ100幅高それぞれ1000ピクセルまで。掛け算して300000まで。
 chlラベルchl=ringo|mikan30にringo,70にmikanのラベルを付けるUTF-8URLエンコードで日本語可
 chttグラフのタイトルchtt=ringo%20to%20mikanグラフのタイトルをringo to mikanにするUTF-8URLエンコードで日本語可
 chco色指定chco=FF0000,0000FF色は赤と青なし
 chfグラフエリアと背景の塗りchf=bg,s,bcbcbc背景をbcbcbcで塗るなし

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




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

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円グラフ。




30とか70の値を表示することは出来ないのかなあ……

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

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



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

John DoeJohn Doe 2012/07/07 00:19 円グラフの値の記述順に0度の位置から作成出来ないのでしょうか?
chd=t:30,70と記述していたら、0度(12時の位置を0度とする)から時計まわりに108度、252度グラフを描画
したいです。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証