前の記事 ≪:2009年7月7日 管理人のブックマーク
次の記事 ≫:JavaScriptを使ったAutoCompleteの仕組み色々

Google Chart API を jQuery で簡単に使えるラッパーライブラリ「jQuery Google Charts」

2009年07月08日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

jQuery Google Charts 1.0 - Demo Site

Google Chart API を jQuery で簡単に使えるラッパーライブラリ「jQuery Google Charts」。

たとえば、次のようなコードを書きます。

var api = new jGCharts.Api();

var opt = {
    data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]//mandatory
};

jQuery('<img>').attr('src', api.make(opt)).appendTo("#bar1");

すると、次のグラフが簡単にページに挿入されます。



もちろん、その他のチャートにも対応しています。





JavaScript と CSS を駆使して描画するタイプもありますが、Google chart API から出力されるものなら画像なので、どんなブラウザでもOKでクライアントの負荷が高くてブラウザが重くなるなんていうこともなさそう。

関連エントリ

関連の記事検索:jQuery, google, API
スポンサード リンク

By.KJ : 2009年07月08日 07:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)