imgタグ一つだけ！超簡単グラフ作成ツール「Google Chart API」 : skuare.net

imgタグ一つだけ！超簡単グラフ作成ツール「Google Chart API」

2007

12/08

各所で話題になっているGoogle Chart API。
imgタグ一つだけで超簡単にグラフを作成できてしまいます。
Sample chart

使用方法
特に何もいりません。。。
<img src="http://chart.apis.google.com/chart?グラフのデータ">
と書き込むだけであっという間にグラフが作成できます。
しかも線グラフだけではなく、棒グラフ、100%グラフ、円グラフ、スキャッターまで作成できます。
肝心のグラフデータは以下のように書きます。
　・chs：サイズ
　・cht：種類（lxy：線、bhs：棒重なり、bvs：棒重なり100%、bhg：棒、bvg：縦棒、p：円、p3：円3D）
　・chd：データ（左がx、右はy）
　・chco：色
　・chtt：タイトル
　・chdl：レジェンド
　・chxt：ラベルの表記
　・chf=c,lg,角度（始）,色,角度（終）,色：グラデーション
　・chf=bg,s,色：背景色
各パラメーターの間には&を書く必要があります。
例：<img src="http://chart.apis.google.com/chart?chs=200x150&cht=lxy&chd=t:0,10,40,60,100|10,30,40,60,15">
結果：

トップのグラフコード
chs=300x250 &cht=lxy &chd=t:0.0,20,95.0|30,85,63.0|0.0,20,95.0|40,15,30|0.0,20,95.0|10,45,80|0,30,95|36,62,10 &chco=ff0000,00aa00,00aaf0,000000 &chtt=Sample+chart &chdl=First|Second|Third|Firth &chxt=x,y