SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZineニュース

Google、さまざまなグラフ画像をURLだけで生成できる「Google Chart API」公開

  • X ポスト
  • このエントリーをはてなブックマークに追加

  • X ポスト
  • このエントリーをはてなブックマークに追加

Googleは、折れ線グラフや円グラフといった画像をURLパラメータだけで生成できる「Google Chart API」を発表した。

 Googleは、折れ線グラフや円グラフといった画像をURLパラメータだけで生成できる「Google Chart API」を発表した。例えば以下ののようなURLで、次のようなグラフを作成できる。

円グラフ
円グラフ
※1行
http://chart.apis.google.com/chart?cht=p3&chd=s:hW
&chs=250x100&chl=Hello|World

 URLに渡すパラメータの値を変えることでさまざまなチャートを作成することが可能。また、チャートの色やタイトル、背景色、大きさなども変更できる。

 

複数の円が重なったチャート
複数の円が重なったチャート
※1行
http://chart.apis.google.com/chart?cht=v&chs=200x100
&chd=t:100,80,60,30,30,30,10&chco=00ff00,0000ff

 


 

複雑な折れ線グラフも
複雑な折れ線グラフも
※1行
http://chart.apis.google.com/chart?cht=lc&chd=s:9gounjqGJD
&chco=008000&chls=2.0,4.0,1.0&chs=200x125&chxt=x
&chxl=0:||c|d|a|o|x|v|V|a|
&chm=a,990066,0,3.0,9.0|c,FF0000,0,1.0,20.0|d,80C65A,0,2.0,20.0
|o,FF9900,0,4.0,20.0|s,3399CC,0,5.0,10.0|v,BBCCED,0,6.0,1.0
|V,3399CC,0,7.0,1.0|x,FFCC33,0,8.0,20.0|h,000000,0,0.30,0.5

 

 パラメータの設定値や作成できるグラフについてはGoogle Chart APIのドキュメントを参照のこと。

 
【関連リンク】
Google Code Blog: Embed charts in webpages with one of our simplest APIs yet
Developer's Guide - Google Chart API - Google Code

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

飯岡 幹雄(編集部)(イイオカ ミキオ)

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/1958 2008/08/20 12:08

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング