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

各所で話題になっている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

sponsors

「imgタグ一つだけ!超簡単グラフ作成ツール「Google Chart API」」をシェアする

記事作成:
記事URL:

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