注目キーワード

MOONGIFT

OSSを中心としたメディアポータル

Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 0

ピクチャ 12.png
JavaScriptのみでグラフを表示する 0

 

だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。 0

今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。

jqPlotsはCanvasタグを使っているが、対応ブラウザはIE6〜IE8、Firefox、Safari、Operaとなっている。筆者環境では試していないが、IE6でも恐らく大丈夫なのだろう(ぜひ試していただきたい)。これだけ多数のブラウザに対応していれば一般向けWebサービスでも使えそうだ。 0

ピクチャ 15.png
オンマウスで値を表示 0

 

描画できるグラフは点のみのプロット、折れ線グラフ、曲線グラフ、棒グラフ(縦横)、トレンドグラフなどだ。さらにドラッグアンドドロップでプロット位置を変えたり、オンマウスで値を表示することもできる。 0

文字を横向きに表示することもできるなど、優秀なライブラリだ。jQueryを使っている方はチェックして欲しい。 0

 

jqPlot - Pure Javascript Plotting
 http://www.jqplot.com/

MOONGIFTの関連記事

このエントリーを含むTwitter

Related Posts Plugin for WordPress, Blogger...
新規購読
新規購読

プレミアムでしか読めない記事が193あります。ぜひ登録を!

  • オープンブロックス - OpenBlockS
  • 広告募集

ぷらっとオンラインおすすめ商品もっと見る

もっと見る

人気記事もっと見る