HTML5/jsライブラリ「flotr2」でグラフ作りを試してみた

2013 年 8 月 10 日 土曜日 by Koh(3,575 views)

HTML5  

最近は技術の進歩や、便利なライブラリーの登場で、Web上でも簡単にグラフを描画できる時代となりました。本ブログも先日HTML5に変更したこともあり、ちょっと実験がてらグラフ作成を試みてみました。

 

今回使用したライブラリーは「flotr2」というJavaScriptライブラリーです。「flotr2」はこちらhttp://www.humblesoftware.com/flotr2/ )からダウンロードできます。

 

JavaScriptライブラリーですので、使用する場合は、下記のように記述しライブラリーをよみこんでください。

 

<script src=".*****/flotr2.min.js"></script>

※*****の部分は環境に合わせて設定してください。

 
実験1:円グラフ
 
実験2:株価チャート

これは便利です。「MIT License」ですので、仕事でも利用できるかもしれません。

 

flotr2のサイトには他のサンプルや、コード例が記載されていますので、気になる方はそちらをご確認ください。

 

flotr2 Site: http://www.humblesoftware.com/flotr2/

     





コメントは受け付けていません。


Mobile Site Link