SHOEISHA iD

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

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

CodeZineニュース

Google Chart APIを手軽に扱えるJavaScriptライブラリ「GChart 0.2 alpha」リリース

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

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

Solutoire.comはJavaScriptライブラリ「GChart 0.2 alpha」をリリースした。

 Solutoire.comはJavaScriptライブラリ「GChart 0.2 alpha」をリリースした。GChart Project Page内下側の「Download GChart」にて公開されている。

 先日発表された「Google Chart API」は、URLパラメータだけで美しいチャートを描けるWeb APIだが、複雑なチャートを描こうとすると引数が多くなりすぎてしまい、非常に手間がかかってしまうという欠点があった。

 「GChart 0.2 alpha」は、JavaScriptからGoogle Chart APIを呼び出す際にラッパーとなるライブラリで、ライブラリを読み込んだあと、bodyタグ内に以下のような簡単な実装をするだけでグラフ画像を表示させることができる。

※サンプルはGChart Project Pageより
<script type="text/javascript";>
GChart.render({
     renderTo: document.body,
     data: [[5,60,10,30],[50,34,28,15]],
     title: 'Solutoire.com GChart Example',
     colors: ['45330F','ACD100'],
     grid: '20,20'
}); 
</script> 

 JavaScriptでグラフ画像を取得できるため、動的に画像を描き替えたい場合には便利なライブラリだ。なお、同ライブラリには描画する際のオプションがいくつか用意されている。詳細は下記Webサイト参照のこと。

 
【関連リンク】
Solutoire.com : GChart: Google Chart API Javascript Wrapper
Solutoire.com : GChart 0.2 alpha released(リリース情報)
CodeZine:Google、さまざまなグラフ画像をURLだけで生成できる「Google Chart API」公開

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

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

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

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

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

この記事をシェア

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

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング