棒グラフを表示するためのjQueryプラグイン「jqBarGraph」 | Web活メモ帳
jqBarGraphは棒グラフを表示するためのjQueryプラグインです。 画面表示のさいに「うにょーん」と伸びて存在をしっかりアピールしてくれます。 ランキング表示なんかに使えそうですね。 詳しくは以下 設置してみる まずは公式サイトへアクセスします。 Google Codeへ。 圧縮ファイルか通常ファイルかを選択します。クリックでダウンロード開始。 今回はunpacked version を使用してみました。 ダウンロードした後はhtmlファイルを作成しましょう。 グラフには配列をわたすだけでよいようです。配列に渡すのは値、ラベル、カラーの順です。 <script src="jquery.js"></script> <script src="jqBarGraph.js"></script> <script> arrayOfData = new Array( [10.3,'Jan','#
jQueryベースのグラフ作成ライブラリ·jqPlots MOONGIFT
Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 JavaScriptのみでグラフを表示する だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。 今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。 jqPlotsはCanvasタグを使っているが、対応ブラウザはIE6〜IE8、Firefox、Safari、Operaとなっている。筆者環境では試していないが、IE6でも恐らく大丈夫なのだろう（ぜひ試していただきたい）。これだけ多数のブラウザに対応していれば一般向けWebサービスでも使え
グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」:phpspot開発日誌
dojo, the Javascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。 グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); dojo.require('dojo.json'); // our sample data for our line chart. var json = [ { x: 0, y: 110, size:20, x2:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトでチャートやグラフを使いたい時に使えるまとめ パート2 - DesignWalker
