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タグ対応ブラウザをターゲットとするなら便利に使えそう

関連エントリ

• JavaScript用のグラフ描画ライブラリ色々
• とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々
• グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」
• prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」