jQuery の jqPlot プラグインで作るバブルチャート
<script> jQuery( function() { jQuery . jqplot( 'jqPlot-sample', [ [ [ 88, 65, 52, 'A' ], [ 36, 22, 62, 'B' ], [ 33, 54, 35, 'C' ], [ 51, 63, 33, 'D' ], [ 21, 91, 51, 'E' ], [ 45, 79, 68, 'F' ] ] ], { seriesDefaults: { renderer: jQuery . jqplot . BubbleRenderer } } ); } ); </script> seriesDefaults グラフの種類や、系列の色、太さなど、系列に関する初期設定オプション。 renderer 系列の生成編集に使うプラグインを指定。 jQuery . jqplot . BarRenderer： 棒グラフ jQ
jQueryで見栄えのいいグラフが描ける「jqPlot」 (1/3)
証券会社のサイトの株式相場グラフ、ショッピングサイトの価格変動グラフなど、Webサイト上に変動するデータをもとに、動的にグラフを表示したいことがあります。従来は、Flashを使うことが多かったですが、最近はAjax/JavaScript人気もあって、「JavaScriptでグラフも作成したい」というニーズも強くなっています。 以前、本誌では、HTML5のCanvasを使った図形のサンプルとして、グラフの描画方法を紹介しましたが（関連記事）、今回はグラフ描画に特化した専用ライブラリ「jqPlot」を使って、もっと簡単に見栄えのいいグラフを作成する手順を紹介します。 グラフに特化したjQueryプラグイン「jqPlot」 「jqPlot」はクリス・レオネロ氏が開発しているJavaScriptライブラリで、jQueryのプラグインとして動作します。HTML5のCanvasを応用してグラフを描く仕
jqPlot - Pure Javascript Plotting
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features: Numerous chart style options. Date axes with customizable formatting. Up to 9 Y axes. Rotated axis text. Automatic trend line computation. Tooltips and data point highlighting. Sensible defaults for ease of use.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
