前の記事 ≪:facebookのファンページ用ウィジェットをカスタマイズする例色々
次の記事 ≫:2011年2月4日 管理人のブックマーク

HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」

2011年02月04日-はてなブックマーク

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

HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」



データは配列で定義してdrawするだけです。描画コードは次のように美しい。

var mychart = new AwesomeChart('canvas1');
mychart.title = "Product Sales - 2010";
mychart.data = [1532, 3251, 3460, 1180, 6543];
mychart.labels = ["Desktops", "Laptops", "Netbooks", "Tablets", "Smartphones"];
mychart.draw();







IEではフォールバックされていないため動作しませんがiPhoneなどのcanvasタグ対応ブラウザをターゲットとするなら便利に使えそう

関連エントリ
関連の記事検索:HTML5, canvas, グラフ
スポンサード リンク

By.KJ : 2011年02月04日 11:03 livedoor Readerで購読 Twitterに投稿

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