Javascriptのチャートライブラリ

更新 2013/03/10

個人的に以下の条件のチャートライブラリを探すにあたってのメモ

  • モバイル端末でのタッチによるスクロール(ラインチャート)ができる。(divに埋め込めばいいのでできなくても良い)
  • Phonegapへの埋め込み可能
  • ライン、バー、パイチャートがあること。判例が表示可能
  • IE8への対応
  • 見た目はカスタマイズなしで、清潔に見える見た目(パステルカラーベース)

Google Chart Tools

https://google-developers.appspot.com/chart/

ライセンスGoogle APIs Terms of Service
価格フリー
クライアントAPPへの組み込み不可
IE7,8への対応

見た目

Google Analyticsなどで見かけるgoogleのサービスでよく使われるグラフのような見た目になるが、カスタマイズは可能

グラフの種類

標準的なグラフに加えて、google mapをつかった図なども描画可能。

感想

PhonegapなどのHTML5,JSを使って作るアプリケーションへの組み込みが許されないこと以外はとてもよい。

flotr2

http://humblesoftware.com/flotr2/index

prototype.jsのチャートライブラリflotrの派生版。prototype.jsが必要なくなっています。

ライセンス?
価格フリー?
クライアントAPPへの組み込み
IE7,8への対応

見た目

パステル色で半透明の色合い。

グラフの種類

基本チャート

感想

特徴にモバイル対応となっていたため、タッチによるスクロールが可能かと思ったがそれは無理のようだった。

改良すればtouchイベントをとれるようにすることはできる。

flot,flotr,flotr2の関係

flotr2はflotrベース、flotrはflotベースらしいので元のflotを使った方が良い?

flotオリジナルjQuery使用
flotrflotからインスパイアPrototype.js使用
flotr2flotrのブランチ依存無し

jqPlot

http://www.jqplot.com/index.php

ライセンスMIT,GPL2 どちらか選択
価格フリー
クライアントAPPへの組み込み
IE7,8への対応

見た目

グラフの種類

基本チャート

感想

Highchart

http://www.highcharts.com/

機能が豊富で見た目も美しい。

ライセンス?
価格非商用:無料 商用80$から
クライアントAPPへの組み込み?
IE7,8への対応

見た目

シックなカラー

グラフの種類

基本チャート、複合チャート、その他多数

感想

商用利用は有料だが製品だけあって非常に機能が豊富で見た目も奇麗。

1サイト80$だが、これはWebアプリケーションではなく企業のホームページなどの単純なサイトのことだそうで、 1開発者360$を買う必要が有るが、個人にとっては少し高いかもしれない。

dojo Graphics, Charting and Vizualization

http://dojotoolkit.org/features/graphics-and-charting

ライセンスNew BSD
価格フリー
クライアントAPPへの組み込み
IE7,8への対応

見た目

たくさんのプリセットテーマから選べるが、どれも単色系もしくはビビッドなカラーのものが多く、 そのままでは他のUIパーツとの統一が難しいように感じた。

グラフの種類

基本チャート,マップチャート、メーター

感想

チャートの種類も非常に多いが、見た目のカスタマイズは必要に思える。

dojoフレームワークのひとつなのでライブラリの規模が大きい。

NVD3.js

http://nvd3.org/

ライセンス?
価格?
クライアントAPPへの組み込み?
IE7,8への対応?

見た目

グラフの種類

感想

散布図が美しい

javascript/library/charts.txt · 最終更新: 2013/03/10 06:25 by enibloadmin
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0